Visual Studio 2017 Chrome JavaScript Debuging - 没有达到断点

时间:2017-03-09 21:02:02

标签: javascript google-chrome debugging visual-studio-2017

我已经安装了VS2017并尝试了他们添加的新内容。其中一个好处是chrome JS调试,但我似乎无法达到一个突破点。

我创建了一个新的.net核心网站(.net核心1.1)并将以下函数添加到site.js文件中

function test() {
var a = "message";

console.log(a); };

然后我在“var = a ...”

行上添加一个断点

运行网站 - 它会打开一个新的Chrome窗口并按照应该的方式附加到该进程。然后我按F12并调用test()但是没有中断点它只是输出到控制台。

控制台窗口中的一件事是以下消息 -

  

浏览器链接:无法调用返回值回调:   TypeError:无法读取null

的属性'files'

然而,当我在IE11中尝试它时,我也得到了这个消息,它确实触及了IE中的断点

我已将我的Chrome更新到最新版本--57.0.2987.98 我正在运行Windows 10专业版(完全最新)

site.js code

Chrome Console Output

任何想法可能是什么?

更新

我试过以下电脑 -

  1. 我的家用电脑(Windows 10 Pro) - 上面有VS2015和VS2017
  2. 工作PC(Windows 8.1 Pro) - 上面还有VS2015和VS2017
  3. 在我的工作中使用PC - (新版本)HyperV VM(Windows 8.1 Pro) - 只需VS 2017就可以了
  4. 所有3人未能达到突破点

    奇怪的是,在工作中的其他人能够让它在没有问题的情况下工作。

2 个答案:

答案 0 :(得分:5)

只要您点击Chrome中的F12(打开Chrome开发工具),它就会终止客户端调试会话。

请参阅:https://blogs.msdn.microsoft.com/webdev/2016/11/21/client-side-debugging-of-asp-net-projects-in-google-chrome/

也许尝试自动执行......例如...(未经测试)

(function test() {
   ...
})();

答案 1 :(得分:0)

在Chrome的V 63之前,它不允许多个远程调试会话。打开chrome调试工具将接管唯一可用的连接,并终止VS持有的连接。

然而,现在已经由最佳团队纠正了这一点!

不幸的是,当F12被命中时,Visual Studio调试会话仍然存在问题。

有一种解决方法,希望VS团队能够纠正潜在的问题。见My post on MSDN for full details