Visual Studio使用Windows 10 Edge集成了Javascript调试功能

ror*_*ax2 17 javascript debugging visual-studio microsoft-edge

有没有办法在Windows 10 Edge中启用Visual Studio集成的Javascript调试器?我的意思是从Visual Studio IDE内部逐步执行代码,设置断点等功能.我正在使用Visual Studio 2012和2013,也许这可以通过2015实现?

Sha*_*tin 15

TLDR;

在Edge中运行后,使用Debug> Attach to Process from Visual Studio Community 2015.

  • 附上: Script code
  • 可用流程: MicrosoftEdgeCP.exe

脚步

  1. 可选:将Edge设置为默认浏览器.
  2. 在Visual Studio中打开您的项目.
  3. 在JavaScript中添加断点.
  4. 在Solution Explorer中,选择您的项目
  5. 使用Ctrl+ Shift+ W"在浏览器中查看".
  6. 如果您执行了步骤1,它将在Edge中打开.否则,将URL复制到Edge.
  7. 在Edge中运行后,在Visual Studio中,转到"调试">"附加到进程".
  8. 在"附加到"区域中,选择"脚本代码".
  9. 从"可用进程"中选择"MicrosoftEdgeCP.exe".
  10. 单击"附加"并在Edge中刷新页面.
  11. 您现在将从Visual Studio IDE进行调试.

设置默认浏览器

将Edge设置为默认浏览器

将Visual Studio附加到Edge脚本

附加到流程

调试

在Visual Studio中进行调试

以上内容适用于Visual Studio Community 2015,它也可以在以前的版本中使用.万岁!

  • 所以你现在必须每次都这样做?这个主题是否会发生变化,以便它像Internet Explorer 11一样自动附加? (9认同)
  • 是的,我同意,这是一个苛刻的解决方案,我希望能够解决这个问题...我期待太多了吗?任何人都知道什么时候他们要为VS 2015排序Edge整合? (5认同)
  • 不幸的是,VS2017仍然不支持,建议的解决方法很笨重.遗憾的是,这使得构建SPA应用程序变得更加容易,虽然它仍然可以在IE中运行,但它意味着开发到更旧的标准.如果您想在VS中集成边缘调试,请在http://visualstudio.uservoice.com/forums/121579-visual-studio/suggestions/9115072-support-javascript-debugging-for-microsoft-edge投票. (4认同)