使用chrome自带的Javascript调试工具

转自:http://zhangyongbluesky.blog.163.com/blog/static/1831941620113155739840/

1.

将写好的Javascript代码用chrome打开
在页面,单击右键,并且选择“审查元素”
弹出窗体,如图所示:

使用chrome自带的Javascript调试工具


2.

然后,点击“Resources”标签,如图所示:

使用chrome自带的Javascript调试工具


3.

然后点击“enable resource tracking”,导入源文件,并且选择“Script”标签,如下:

使用chrome自带的Javascript调试工具


4.

添加断点的方法就是在所在的代码行的数字上双击即可!!

5.

debug控制方式:
首先是刷新调试的网页,即重新载入代码。
此时弹出Jscript标签页面,并且中止在断点处。如下:

使用chrome自带的Javascript调试工具