在[url=http://www.misuisui.com/weblog/article.asp?id=575]米随随的Blog[/url]看到有关[url=http://getfirebug.com/]Firebug[/url]的介绍，遂下载试用了一下，确实是比较好的工具。 [b]一、效果[/b] [url=http://www.flickr.com/photos/hopesoft/343470280/][img]http://files.jb51.net/upload/200711313283922.jpg[/img] [/url] [b]二、主要功能[/b] [list] [*]Inspect and edit HTML [/*][*]Tweak CSS to perfection [/*][*]Visualize CSS metrics [/*][*]Monitor network activity [/*][*]Debug and profile JavaScript [/*][*]Quickly find errors [/*][*]Explore the DOM [/*][*]Execute JavaScript on the fly [/*][*]Logging for JavaScript [/*][/list]对于WEB开发人员来说，可以非常方便的得到自己想要的信息：HTML、DOM、CSS、JS，甚至各个文件的下载时间。 刚测试了一下JS的调试功能，非常方便，可以设置断点，鼠标移至变量名上，可以得到相应值的提示。太棒了！ [b]三、非Firefox浏览器的解决方案：Firebug Lite[/b] 对于非Firefox浏览器，Firebug也有相应的解决方案—Firebug Lite，通过使用console.log()输出错误信息至Firebug 控制台。 [b]1.下载Firebug Lite[/b] 下载地址：[url=http://getfirebug.com/releases/firebuglite1.0-b1.zip]http://getfirebug.com/releases/firebuglite1.0-b1.zip[/url]，解压至WEB目录，比如/js/firebug/。 在页面中增加以下代码： 如果不想安装Firebug Lite,只是为了避免Javascript错误，可以[url=http://getfirebug.com/firebug/firebugx.js]点击这里下载firebugx.js[/url]然后copy至代码中即可。 这个文件的代码如下： [b]2.使用Firebug Lite[/b] 默认情况下，打开页面后，可以按F12开启Firebug的控制台，如果不想频繁按F12来进入调试状态，也可在HTML元素上增加　debug=”true” ，如下： [b]3.使用命令行[/b] Firebug也包含一个命令行程序，可以使用以下快捷键Ctrl+Shift+L (or ⌘+Shift+L on Mac) [b]4.测试页面[/b] 按 F12 或 Ctrl+Shift+L，就可以看到效果了。