AJax技术

JavaScript调试技巧之:断点调试(2)

字号+ 作者:H5之家 来源:H5之家 2016-07-18 12:00 我要评论( )

如果你觉得Opera太小众,那么你可以在Safari或者Chrome上进行调试。两个浏览器的调试方式、界面极其相,所以这里以Safari 4.0为例。打开Menu – Develop – Start Debugging JavaScript,即可弹出一个调试工具。得

如果你觉得Opera太小众,那么你可以在Safari或者Chrome上进行调试。两个浏览器的调试方式、界面极其相似,所以这里以Safari 4.0为例。打开Menu – Develop – Start Debugging JavaScript,即可弹出一个调试工具。值得一提的是,Safari和Chrome的调试工具最好不要Dock到浏览器下面,因为弹出来的话,调试界面是刚刚好的。

首先找到要调试的脚本:

使用Safari进行JavaScript调试:找到脚本

使用Safari进行JavaScript调试:找到脚本

设置断点,重新加载页面(或者执行动作):

使用Safari进行JavaScript调试:设置断点

使用Safari进行JavaScript调试:设置断点

在右侧查看本地变量和函数调用栈:

使用Safari进行JavaScript调试:变量查看

使用Safari进行JavaScript调试:变量查看

Safari的调试工具一个亮点是,console和断点调试在同一个界面上,这样可以非常方便地在程序中断时,利用console来做一些验证操作。

3. IE8的断点调试功能

IE8自带的开发者工具,虽然极其难用,但也可以断点调试。断点调试的方法与上述雷同。

使用IE8开发者工具进行断点调试

使用IE8开发者工具进行断点调试

可以看到,IE8似乎莫名其妙地终止了js代码的识别。这样的话,从74行往后,都没办法加断点了,真不可思议。但我们有时为了兼容IE,不得不在IE下进行一些调试,怎么办呢?可以用上一篇文章的办法,在需要中断的位置加入debugger语句,这样程序运行时,IE8就会中断在debugger语句上了。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ASP.NET MVC 使用TryUpdateModel 更新的技巧

    ASP.NET MVC 使用TryUpdateModel 更新的技巧

    2016-07-02 17:00

  • 【图】Rhino教程,犀牛教程,Rhino技巧方法

    【图】Rhino教程,犀牛教程,Rhino技巧方法

    2016-06-17 16:00

  • 应用AJAX技巧的十大理由

    应用AJAX技巧的十大理由

    2016-06-07 15:00

  • ajax使用技巧之初入门

    ajax使用技巧之初入门

    2016-06-07 14:01

网友点评
2