原文链接：http://wayjam.me/firebug-lite.html
对于Web Developer来说，不可能不认识大名鼎鼎的FireBug。就连我这样的小菜，都天天要用到FireBug。 Firebug是Firefox下的一款浏览器调试开发类扩展，它集成HTML、CSS查看和编辑、Javascript控制台、网络状况监视器等功能，还可以加载评测网页效率的工具Yslow（这其中的关系是FireBug是Firefox的插件而Yslow是FireBug的扩展）。目前Firebug已经有了Chrome下的扩展，那IE呢？鉴于万恶的IE，我们有时候不得不做IE Hack，但是我们缺少一款强大的网页调试工具。
当然我也是用过 IETester，Internet Explorer Collection 等。IETester 官方提供了一款叫做 Debugbar 的插件，但事实上使用手感和效果都很差强人意。 目前，FireBug团队已经推出了Firebug Lite网页版，那肯定是没有原版那么强大，但已经足够了。你可以有两种方法使用FireBug Lite。
一、网页文件调用
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
你需要在你的网页上载入这段代码，例如Wordpress ，在Harder.php文件的加入这段代码 如果你的主机够快，你也可以把https://getfirebug.com/firebug-lite.js这个文件下载到你的主机，在本地服务器运行使用。 例如Wordpress，你把这个JS文件放在你的主题文件夹内，然后harder的调用代码为
<script src="<?php bloginfo('stylesheet_directory'); ?>/firebug-lite.js" language="javascript"
type="text/javascript"></script>
注意：上面的是对于Wordpress来说的，若你不是使用Wordpress，请填上绝对路径。 如果你常常要使用，这个方法确实很方便。但是加载JS文件，你的网页速度很定减慢。建议你在本地调试时候使用，把这个文件下载回来，放在本地文件夹中，然后在本地测试是就不必调用Firebug服务器了。
二、一键调用
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。 我们为了方便，可以添加进收藏夹，那么我们使用时只需要点一点收藏夹即可。(把下面的连接拖到你的收藏夹即可）