浏览器插件使用

众所周知,开发AJAX应用的第一法则就是在FireFox浏览器上做开发,这是因为FireFox提供了丰富的调试工具。但是最终我们也不得不在IE浏览器上进行测试,如果IE上出问题,最终可能不得不在IE上面调试。

Jean-Fabrice Rabaute开发一个用于IE浏览器上调试JS的小工具,叫做Companion.JS,它可以帮助你在IE上面实现一些FireFox上面的调试功能:

1、JavaScript详细的错误报告,例如调用堆栈,调用JS文件名称等
2、类似FireBug的交互式调试窗口
3、可以在运行期观察JavaScript对象

Companion.JS的下载地址:

http://www.my-debugbar.com/wiki/CompanionJS/HomePage
--------------------------------------------------------------------------------------------------------------

Firefox使用Firebug中debug视图下的step into, step over等按钮需要先设置javascript脚本的断点
debug视图中包括step into和step over等按钮,这些按钮在通常的情况下是无效的,如果需要单步调试javascript代码,可以在相应的javascript代码处设置断点,然后刷新页面。

[Firebug简介]
当前版本:1.05
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
在您浏览时集成在Firefox中的Firebug能让您对于大量开发工具了如指掌。您可以实时在任何浏览的页面中编辑、调试、监视CSS,HTML和JavaScript。
Visit the Firebug website for documentation, screen shots, and discussion forums:
访问Firebug站点可以获得文档、效果图和讨论论坛。

[Firebug发布网址]
https://addons.mozilla.org/en-US/firefox/addon/1843
[Firebug站点]
http://www.getfirebug.com
[Firebug文档]
http://www.getfirebug.com/docs.html
[Firebug的bug]
http://code.google.com/p/fbug/issues/list
[Firebug视图]
Console 控制台
Script 脚本
DOM     文档对象结构
Net     网络

[Firebug的console API]
console API文档, http://www.getfirebug.com/console.html
console.time()用于计算时间

[Firebug常见问题]
在FireBug的console对象输出时,需要注意第一个参数被自动识别为格式字符串

Firefox使用Firebug中debug视图下的step into, step over等按钮需要先设置javascript脚本的断点

你可能感兴趣的:(浏览器插件)