在独立时尚中调试JavaScript有哪些选择？

Question

我使用JavaScript时遇到的一个问题就是以独立的方式调试它。我有一个非常基本的JavaScript文件，只有一个函数和对该函数的调用。没有外部依赖。我想调试它，但它有一个无限循环，它会使浏览器崩溃，甚至不让我访问Chrome开发工具......直到我点击F12时，整个事情都被锁定了，我必须结束这个过程。

我也试过将它作为一个＆＃34; Snippet＆＃34;从一个不同的选项卡，它确实有效，但并不理想，坦率地说，整个Chrome Dev Tools界面对于调试感觉很奇怪...就像它是为用户而不是开发人员设计的，至少与Visual Studio相比。

最后，我尝试通过键入＆＃34; node myfile.js＆＃34;来尝试使用Node.js，并且节点暂停并且什么也没做，此时我输入了Visual Studio Code然后尝试使用Node .js调试系统，但之后它说我没有定义一个程序属性......只是试图在这里调试一个简单的js文件..

这是一个问题。调试的全部内容是能够弄清楚发生了什么。我还有哪些其他选项来执行/调试基本的JavaScript文件？谢谢。

Answer 1

我会这样做，因为缺乏更好的选择：

1）删除导致无限循环的代码的关键部分。如果您不确定哪个部分，请删除大部分代码。

2）照常在Google Chrome中打开代码。

3）在文件或函数开头的Dev Tools中设置断点。

4）将有问题的代码添加回您的javascript文件。

5）在Chrome中重新加载页面。

断点仍然在同一行，您可以使用F10逐步浏览代码。

Answer 2

使用可以使用debugger关键字来停止执行javascript并调试代码。 但我强烈建议您删除导致无限循环的代码。