Visual Studio 与 Windows 10 Edge 集成 Javascript 调试
Visual Studio integrated Javascript debugging with Windows 10 Edge
有什么方法可以使用 Windows 10 Edge 启用 Visual Studio 集成 Javascript 调试器?我的意思是从 Visual Studio IDE 内部逐步执行代码、设置断点等的功能。我正在使用 Visual Studio 2012 和 2013,也许这可以用 2015 实现?
TLDR;
一旦它是 运行 在 Edge 中,使用调试 > 从 Visual Studio Community 2015 附加到进程。
- 附加到:
Script code
- 可用进程:
MicrosoftEdgeCP.exe
步骤
- 可选:将 Edge 设置为默认浏览器。
- 在 Visual Studio 中打开您的项目。
- 在您的 JavaScript 中添加断点。
- 在解决方案资源管理器中,select 您的项目
- 使用
Ctrl
+Shift
+W
到"View in browser."
- 如果您执行了第 1 步,它将在 Edge 中打开。否则,将 URL 复制到 Edge。
- 一旦它在 Edge 中为 运行,在 Visual Studio 中,转到调试 > 附加到进程。
- 在"Attach to"区,select"Script code".
- 从 "Available Processes" 选择 "MicrosoftEdgeCP.exe"。
- 单击附加并在 Edge 中刷新页面。
- 您现在将从 Visual Studio IDE 进行调试。
设置默认浏览器
将 Visual Studio 附加到 Edge 脚本
调试
以上适用于 Visual Studio Community 2015,它也可能适用于以前的版本。万岁!
此功能终于在 Visual Studio 2017 15.7 中添加。
JavaScript debugging with Microsoft Edge
还需要 Windows 2018 年 4 月 10 日更新,因为它包含 Microsoft Edge DevTools Protocol
使用:Microsoft EdgeHTML 18.17763,MS Visual Studio 15.9.5
我所要做的就是:
在 VS 中...单击 Debug
-> Options
。在 Debugging-General
...检查 Enable JavaScript debugging for ASP.NET (Chrome, Edge and IE)
下次从 VS 启动 Edge 时,您将在地址栏旁边看到蓝色的 Developer Tools Server 图标。
您需要启用脚本调试。
并且需要安装调试器,否则会提示这个,
有什么方法可以使用 Windows 10 Edge 启用 Visual Studio 集成 Javascript 调试器?我的意思是从 Visual Studio IDE 内部逐步执行代码、设置断点等的功能。我正在使用 Visual Studio 2012 和 2013,也许这可以用 2015 实现?
TLDR;
一旦它是 运行 在 Edge 中,使用调试 > 从 Visual Studio Community 2015 附加到进程。
- 附加到:
Script code
- 可用进程:
MicrosoftEdgeCP.exe
步骤
- 可选:将 Edge 设置为默认浏览器。
- 在 Visual Studio 中打开您的项目。
- 在您的 JavaScript 中添加断点。
- 在解决方案资源管理器中,select 您的项目
- 使用
Ctrl
+Shift
+W
到"View in browser." - 如果您执行了第 1 步,它将在 Edge 中打开。否则,将 URL 复制到 Edge。
- 一旦它在 Edge 中为 运行,在 Visual Studio 中,转到调试 > 附加到进程。
- 在"Attach to"区,select"Script code".
- 从 "Available Processes" 选择 "MicrosoftEdgeCP.exe"。
- 单击附加并在 Edge 中刷新页面。
- 您现在将从 Visual Studio IDE 进行调试。
设置默认浏览器
将 Visual Studio 附加到 Edge 脚本
调试
以上适用于 Visual Studio Community 2015,它也可能适用于以前的版本。万岁!
此功能终于在 Visual Studio 2017 15.7 中添加。
JavaScript debugging with Microsoft Edge
还需要 Windows 2018 年 4 月 10 日更新,因为它包含 Microsoft Edge DevTools Protocol
使用:Microsoft EdgeHTML 18.17763,MS Visual Studio 15.9.5
我所要做的就是:
在 VS 中...单击 Debug
-> Options
。在 Debugging-General
...检查 Enable JavaScript debugging for ASP.NET (Chrome, Edge and IE)
下次从 VS 启动 Edge 时,您将在地址栏旁边看到蓝色的 Developer Tools Server 图标。
您需要启用脚本调试。
并且需要安装调试器,否则会提示这个,