骑士注册 登录
Linux 中国◆开源社区 返回首页

仰望星空 https://linux.cn/space/3 [收藏] [复制] [分享] [RSS] 星汉遥遥,宇宙无边

日志

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

热度 8已有 3442 次阅读2010-08-13 10:32 |

作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是,Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。

说到 IE 浏览器下的调试工具,一般也就是 IETesterInternet Explorer Collection 等软件。IETester 官方提供了一款叫做 Debugbar 的插件,但是事实上使用手感和效果都很差强人意。

Firebug LiteFirebug 团队推出的网页版 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

版权所有,转载请注明出处。
转载自 <a href="http://www.mangguo.org/firebug-lite-test-compatibility-under-ie/" title="Firebug Lite,IE 下调试网页兼容性" rel="bookmark">Firebug Lite,IE 下调试网页兼容性 | 芒果</a>
返回顶部

分享到微信

打开微信,点击顶部的“╋”,
使用“扫一扫”将网页分享至微信。