以前介绍过firebug如何在chrome下使用，但其实。现在的网站在任何情况下，都可以使用firebug lite。比如你到http://getfirebug.com/firebuglite看一下，你就知道了。对呀。你明明没装firebug，怎么会有这样的界面出现？
嗯横 firebug lite现在可以被任何网页加载，然后弹出这样的界面，让你对你的操作进行实时浏览。这种东西，比较适合用在API网站，可以让你实时观察你的每一个URL请求以及获取Request等数据。
官方这么介绍lite的：
Firebug Lite: doing the Firebug way, anywhere.
- Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome
- Same look and feel as Firebug
- Inspect HTML and modify style in real-time
- Powerful console logging functions
- Rich representation of DOM elements
- Extend Firebug Lite and add features to make it even more powerful
安装也很简单：
Bookmarklet
Bookmark the following links:
Stable channel
{if(F.getElementById(b))return;E=F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E=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','1.3.0.3','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');){kind=link}
{if(F.getElementById(b))return;E=F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E=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','1.3.0.3','firebug-lite-debug.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#debug');){kind=link}
Beta channel
{if(F.getElementById(b))return;E=F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E=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','1.3.0.3','firebug-lite-beta.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');){kind=link}
Live link
You can also link directly to the hosted version at getfirebug.com. Copy the following code, and paste it in the TOP of the HEAD of your document:
Stable channel
Firebug Lite: <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
Firebug Lite debug: <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>
Beta channel
Firebug Lite beta: <script type="text/javascript" src="https://getfirebug.com/firebug-lite-beta.js"></script>
Local link (offline)
If you need using Firebug Lite while offline, download the code, copy it to a local destination, and link the firebug-lite.js in the TOP of the HEAD of your document:
<script type="text/javascript" src="/local/path/to/firebug-lite.js"></script>
If you want to debug the local installation, use the firebug-lite-debug.js file instead:
<script type="text/javascript" src="/local/path/to/firebug-lite-debug.js"></script>
The properties you can change include (with respective default values):
saveCookies- falsestartOpened- falsestartInNewWindow- falseshowIconWhenHidden- trueoverrideConsole- trueignoreFirebugElements- truedisableWhenFirebugActive- trueenableTrace- falseenablePersistent- false
更多设置还是看：http://getfirebug.com/firebuglite#Install