调用firebug-lite调试ie6

作为前端或网页开发者而言，在IE6上做CSS调试在之前简直是一个噩梦。作为前端或网页开发者而言，但这又是无法回避的事情。某日从红茶那边听说了Firebug Lite这个好东西，可以在不装插件的情况下，自由的对IE各个版本添加DOM、CSS调试功能。这对被IE6折磨的人而言，绝对是好消息。

Firebug Lite实现的方式十分简单，依据使用的环境不同，Firebug Lite的作者提供了两种解决方案。

 

 当你要调试的网页不在本地时，可以在需要调试的页面地址栏中，直接复制下方的代码，点击回车就可以了。

 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');

 

参见官网 https://getfirebug.com/firebuglite/#Stable

  

如果你拥有对网页的修改权，那就更简单了。直接将下方的代码加到页面的最下方就可以了。

 

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