芒果小站

作为一个初出茅庐的前端开发工程师，没有私房的小工具，那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件，一直被网页设计开发人员津津乐道。现在庆幸的是，Chrome 也有了自己的开发者工具栏，使得网页兼容性调试不再难。

说到 IE 浏览器下的调试工具，一般也就是 IETester，Internet Explorer Collection 等软件。IETester 官方提供了一款叫做 Debugbar 的插件，但是事实上使用手感和效果都很差强人意。

Firebug Lite 是 Firebug 团队推出的网页版 Firebug，虽然没有很强大，不过至少能解决一般性的问题。下面来看看使用方法：

1、文件调用

<script src="https://getfirebug.com/firebug-lite.js"></script>

当然为了快速载入源代码，建议下载源代码到本地，在本地服务器运行使用。
2、一键远程调用

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

打开需要调试的页面，在浏览器地址栏输入以上代码，回车即可。

除了稳定版，官方也提供开发版和测试版。试试这个 Firebug Lite 吧，简单地捕捉 IE 下的页面兼容，还是行之有效的。

官方主页：http://getfirebug.com/firebuglite