Visual Studio代码debugging客户端JavaScript

我正在使用Visual Studio代码为一个JavaScript项目。 您可以设置断点，并轻松地debugging在nodejs中运行的代码。 有没有办法允许客户端，浏览器运行代码的断点和debugging？

通过console.log进行debugging变得很快。

Answer 1

对于在Chrome中进行debugging，您可以使用Visual Studio代码：Chrome扩展的debugging器 。 您可以在市场上find这个扩展，按照debugging手册中的说明searchdebugging器。 不幸的是，（目前）不支持其他浏览器，

debuggingnode.js可以直接使用，请参阅上面的debugging手册或John Papa的博客文章 。

debugging客户端和服务器（至less菲尔评论）是不可能的，因为你需要有两种不同的启动configuration，对不起。

Answer 2

你应该使用所有现代浏览器都有的开发工具（F12）。 我更喜欢chrome，因为有了工作区 ，你可以在浏览器中内联编辑你的代码。

Answer 3

通过在chorme Browser中打开项目并使用chrome DevTools 。 你可以debugging它，无论你想要的。

脚步：

• 打开您的项目（与url）。

• 打开DevTools（F12）

• select“元素”，然后select元素

• 你可以在右侧面板上看到“事件监听器”，select你需要的

• 然后，你可以右击你的事件，select“显示函数定义”

• 玩的开心 ！

如果你的意思是debuggingNodejs，据我所知有一个名为“debuger”的npm包？

Answer 4

另一种技术是使用Visual Studio代码：Chrome扩展的debugging器。 保存node.js的launch.jsonconfiguration的内容并将其删除。 然后创buildChrome launch.json。 将两者结合起来，你可以在代码中debugging服务器或客户端（但不能同时debugging）。

要debugging客户端，服务器必须正在运行，所以从命令提示符使用启动服务器的“node”命令。 在代码中启动Chromedebugging器并debugging客户端。