使用谷歌浏览器调试网页和脚本

前几天拿到一段JS脚本,要求改写成C的dll供其他人调用。本身对JS极度不熟,先是闷头读,很快就晕了。想想这样不行还是得调试看看,记得谷歌浏览器似乎就有这个功能,就尝试了一下。

 

首先选择右键菜单的“审查元素”。

使用谷歌浏览器调试网页和脚本_第1张图片

 

然后就出现下面的一大堆东西,最直观的就是网页的源码,不过我要的东西不在这里。

使用谷歌浏览器调试网页和脚本_第2张图片

 

点击clip_image006“Scripts”按钮,下面就会显示脚本的源码窗口。

使用谷歌浏览器调试网页和脚本_第3张图片

 

不过这个是什么脚本?Chorme-extension?在上面点一下,弹出个列表

使用谷歌浏览器调试网页和脚本_第4张图片

 

选择好自己脚本所在的网页

使用谷歌浏览器调试网页和脚本_第5张图片

 

现在可以开始调试了,在左侧的行号上点击就可以直接下断点,下好的断点在右侧的“Breakpoints”属性栏里面就可以看到。

clip_image014

 

这是运行到断点时候的情况。

使用谷歌浏览器调试网页和脚本_第6张图片

调用栈,变量信息,步过,步入,步出,基本的调试功能都有了。也足够应付普通的脚本调试了。

你可能感兴趣的:(经验)