使用Visual Studio调试第三方Javascript？

Question

我需要从外部源调试Javascript。我发现你可以使用Firefox或Chrome来调试内部JS调试器的脚本。但是这些浏览器开发人员工具中的功能是有限的，并且与良好的IDE不同。例如，我无法为断点创建条件或将命令指针设置为任何其他代码行。所以我的问题是如何使用Visual Studio或任何其他舒适的IDE来执行此操作？我首先在VS中打开一个新的Web应用程序，并尝试在本地下载所有脚本。这将一直有效，直到特殊参数与真实浏览器中运行的特殊参数不同，例如window.location.href

有什么建议？

Answer 1

使用Debugger for Chrome extension的Visual Studio代码可以帮助您在Visual Studio Code IDE中调试Javascript。

请根据此文档安装Visual Studio code并安装Debugger for Chrome扩展程序：

https://code.visualstudio.com/docs/editor/extension-gallery#_browse-and-install-extensions

现在您可以打开项目并开始调试项目。在Chrome中启动后，您可以通过Debug菜单 - > New Breakpoint添加断点，以选择要添加的断点类型。

Answer 2

您可以将关键字“debugger”添加到要调试的行（在JS脚本文件中），然后按F5在调试模式下运行Visual Studio。

https://stackoverflow.com/a/29385418/9125096

更新：首先，您需要在JavaScript调试中启用...在Debug的选项中：

Enable JavaScript debugging for ASP.NET

我写了我的JS代码就像：

alert(1)
debugger;
alert(2)

JS code in Temp.js file

并将其作为外部源放在html文件中：HTML FILE

然后我按F5，它显示了我的第一个警报：enter image description here

我点击OK，它停在Temp.js文件中的调试器位置：enter image description here