软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > Firebug Lite,IE 下调试网页兼容性

Firebug Lite,IE 下调试网页兼容性

作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。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

原文链接:http://www.mangguo.org/firebug-lite-test-compatibility-under-ie/

    相关阅读
    栏目导航
    推荐软件