如何在chrome里给JavaScript代码添加断点调试

JavaScript027

如何在chrome里给JavaScript代码添加断点调试,第1张

F12打开控制台,在tab中点击Sources选项;

然后在左侧的目录树中选择js文件,右侧窗体展示js文件内容;

然后在对应的行打断点,代码运行到断点处,就可以了.

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

图(1)

图(2)

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

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

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

1,安装一个火狐浏览器

2,在网上下载一个插件:Firebug

3,安装Firebug

4,在网页中点击调试

5,就可以加断点了

在编译器和IDE里是没有办法的,只能像上述那样用浏览器插件,当然IE8自带高度功能