如果你觉得Opera太小众,那么你可以在Safari或者Chrome上进行调试。两个浏览器的调试方式、界面极其相似,所以这里以Safari 4.0为例。打开Menu – Develop – Start Debugging JavaScript,即可弹出一个调试工具。值得一提的是,Safari和Chrome的调试工具最好不要Dock到浏览器下面,因为弹出来的话,调试界面是刚刚好的。
首先找到要调试的脚本:
使用Safari进行JavaScript调试:找到脚本
设置断点,重新加载页面(或者执行动作):
使用Safari进行JavaScript调试:设置断点
在右侧查看本地变量和函数调用栈:
使用Safari进行JavaScript调试:变量查看
Safari的调试工具一个亮点是,console和断点调试在同一个界面上,这样可以非常方便地在程序中断时,利用console来做一些验证操作。
3. IE8的断点调试功能IE8自带的开发者工具,虽然极其难用,但也可以断点调试。断点调试的方法与上述雷同。
使用IE8开发者工具进行断点调试
可以看到,IE8似乎莫名其妙地终止了js代码的识别。这样的话,从74行往后,都没办法加断点了,真不可思议。但我们有时为了兼容IE,不得不在IE下进行一些调试,怎么办呢?可以用上一篇文章的办法,在需要中断的位置加入debugger语句,这样程序运行时,IE8就会中断在debugger语句上了。