网页兼容性调试工具-Firebug Lite

HTML+CSS, 转自点点 12 年前 回复

, , , ,

作为一名前端攻城狮,至少要有一样攻城武器,而 Firebug 就是其中最锋利的一款。

然而,贵为最锋利的攻城武器,当然是不屑去攻打 IE6,IE7这种破城,所以这种破事就由他的同门师弟:Firebug Lite 去完成。

虽然 Firebug Lite 没有他的师兄那般强大,但它灵活通用(IE6,7,8,chrome等),至少可以解决一般性的问题。下面来看看使用方法:

1、直接调用文件: (按 F12 即可调出)

建议下载源代码到本地,在本地服务器运行使用。

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

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

PS:有了 Firebug Lite, 果断放弃 IETester 下的 Debugbar 龊B插件。

转自http://mengqing.org/archives/firebug-lite.html

支付宝打赏微信打赏

如果此文对你有帮助,欢迎打赏作者。

发表评论

欢迎回来 (打开)

(必填)