debug断点怎么调试js,总结DEBUG的调试方法

如何进行js的debug

1

这里以google浏览器为例，首先运行你的web项目，然后打开F12，F12的调试框可以放到任何位置，这里放到浏览器的下面。

2

选择sources（资源），找到要调试的界面，然后我们双击页面打开，然后找到要调试的位置，打上断点。

3

然后我们点击相关页面元素，让程序运行到我们的断点位置，如下图所示，证明我们的断点起作用了。

4

我们点击上面的类似播放的按钮让程序一步步执行，在此过程中我们可以把鼠标移动到我们想看的变量或者代码位置。

5

当然我们可以通过右侧的Watch检测面板将需要查看的元素或者变量加进去，方便我们看到它的结果。

6

在调试过程中，可能会遇到各种各样的错误，我们可以通过查看console（控制台）的形式进行查看。

NodeJs VSCode 断点调试

1.首先 你已经有一个.js 文件了，例如我的demo12.js

2.在工作区内打一些断点，如无异常的话应该是实心红点

3.点击 运行和调试 按钮

4.点击小齿轮按钮，修改配置文件

5.右键刚才那个js文件，复制出其相对路径，放在配置文件${workplaceFolder} 的后面

6.点击开始按钮，进行调试

运行成功后，程序会定位到打断点的地方，并且，调试控制台可以看到输入结果，上面的一排按钮与其他调试工具类似，不赘述了

在实际开发当中，可以配置多分launch.json文件，以应对不同项目的调试

修改name值用于区分，并且，要修改program ，将对应项目的入口文件配置在这里即可

chrome浏览器如何断点调试异步加载的JS

方案一： 在script代码的头部或者尾部加上//@ sourceURL=xxx.js，然后在(no domain)里面找到它进行调试,如果使用firefox浏览器，直接在debug中就可以找到xxx.js

方案二： 将js的异步加载换成为同步加载

第一种方案非常方便。

精易web浏览器如何js断点

打开web浏览器，访问项目地址，按F12，找到sources，及请求的方法页面，找到请求方法，在右侧打开的页面中，找到要调试的js，在调试单击左键，就已经在所在行添加上了断点，断点调试图标介绍，快捷键F8是执行到最后一步，F10执行下一步，ctrl+F8禁用断点，进入断点利用F10调试，当鼠标悬浮在变量上的时候可以查看到变量的值，在调试代码中单击右键，会出现很多选项，例如“Evaluate in Console”可以用鼠标选择想要查看的变量或表达式，然后右键菜单执行“Evaluate in Console”，就可以看到该表达式的当前的值了

如何在浏览器中打断点debug js

如果是部分浏览器断点步骤:

1.首先F12

2.点击Source

3.选择某个文件，选中某行添加断点

4.完成调试。

js怎么断点调试？

安装chrome或者firefox,在代码里面添加一个debugger,也可以在这两个浏览器的控制台添加断点。去慕课看看firebug的教程吧！