我正在使用Visual Studio Code进行javascript项目。您可以设置断点并逐步调试并调试在nodejs中运行的代码。有没有办法允许断点和调试客户端,浏览器运行代码?
通过console.log进行调试变得非常快。
答案 0 :(得分:9)
要在Chrome中进行调试,可以使用Visual Studio Code: Debugger for Chrome extension。您可以在市场中找到此扩展程序,search用于调试程序,如debugging manual中所述。不幸的是,(目前)不支持其他浏览器,
调试node.js开箱即用,请参阅上面的调试手册或John Papa的blog post。
至少在我看来,调试客户端和服务器(正如Phil所评论的)是不可能的,因为你需要有两种不同的启动配置,抱歉。
答案 1 :(得分:3)
您应该使用所有现代浏览所拥有的开发者工具(F12)。 我更喜欢使用chrome,因为workspaces可以在浏览器中内联编辑代码。
答案 2 :(得分:0)
通过在chorme浏览器中打开项目并使用chrome DevTools。 您可以随意调试它。
步骤进行:
打开您的项目(使用网址)。
打开DevTools(F12)
选择“元素”并选择元素
您可以在右侧面板上看到“事件监听器”,选择您需要的内容
然后,您可以右键单击该事件,选择“显示功能定义”
尽情享受吧!
如果你的意思是调试Nodejs,我知道有一个名为“debuger”的npm包?
答案 3 :(得分:0)
另一种技术是使用Visual Studio Code:Debugger for Chrome扩展。保存node.js配置中node.js的内容并删除它。然后创建Chrome launch.json。结合这两者,您可以在代码中调试服务器或客户端(但不能同时调试两者)。
要调试客户端,服务器必须正在运行,因此从命令提示符处使用启动服务器的“node”命令。在代码中启动Chrome调试器并调试客户端。