如何使用chrome自带的Javascript调试工具 【转】

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

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

 

然后，点击“Resources”标签，如图所示：

 

 

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

 

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

 

debug控制方式：

 

1. 首先是刷新调试的网页，即重新载入代码。
2. 此时弹出Jscript标签页面，并且中止在断点处。如下：