使用chrome自带的Javascript调试工具

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

1.

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

2.

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

3.

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

4.

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

5.

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