使用Visual Studio调试第三方Javascript？

Question

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

有任何建议吗？

Answer 1

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

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

<强>更新 首先，您需要在调试中启用JavaScript调试...

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

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

Answer 2

带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中启动后，您可以通过调试菜单添加断点 - ＆gt;新断点，用于选择要添加的断点类型。