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

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

  1. 将写好的Javascript代码用chrome打开。
  2. 在页面,单击右键,并且选择“审查元素”。
  3. 弹出窗体,如图所示:
如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
 
然后,点击“Resources”标签,如图所示:
 
如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
 
 
然后点击“enable resource tracking”,导入源文件,并且选择“Script”标签,如下:
 
如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
 
添加断点的方法就是在所在的代码行的数字上双击即可!!
 
debug控制方式:
 
  1. 首先是刷新调试的网页,即重新载入代码。
  2. 此时弹出Jscript标签页面,并且中止在断点处。如下:
  3. 如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
     
 
原文地址:https://www.cnblogs.com/mazhenyu/p/8691602.html