精易web浏览器如何js断点

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

在需要调试的页面按下F12(Ctrl+Shift+I，右击鼠标选择检查(图1))或者如下图 *** 作：

图(1)

图(2)

2.打开开发者工具后选择Sources如图

3.打开Sources页面后，在红色框内选择需要调试的文件双击打开，黄色框内点击设置断点，开始调试你的代码吧

4.打开文件后在行号前面单击添加断点(如上图蓝色部分)，按F5刷新页面即可调试。

首先，使用快捷键F12在当前页面打开Firebug，并切换到脚本选项卡。

其次，我们需要为指定的js代码添加断点，由于当前页面的js代码可能不只是在一个文件中，Firebug会列出所有包含js代码的脚本文件，我们先在列表中选择需要添加断点的代码所在文件。

当我们找到指定的js代码所在位置时，我们可以看到Firebug左侧会显示行号，其中绿色的行号表示该行可以添加调试断点。

点击指定的绿色行号位置，即可为该行代码添加断点。

添加完断点后，我们就可以通过某些 *** 作来触发执行断点位置的js代码，比如提交某个表单、移动到某个元素、点击某个按钮，甚至刷新当前页面(类似onload类型的事件就需要先加断点，再刷新该页面即可进入断点调试)。

当执行到断点处的js代码时，Firebug会自动进入断点调试。如下图所示，右侧监控面板用于显示相关的js变量信息。编号①②③的按钮图标分别表示单步进入(F11)、单步跳过(F10)、单独退出(Shift+F11)；通过这些按钮我们可以方便地进行断点调试。

---