芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
6

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

作者 芒果/分类 工具/发布于 2010-06-30 21:30

作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。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://mangguo.org/firebug-lite-test-compatibility-under-ie/" title="Firebug Lite,IE 下调试网页兼容性" rel="bookmark">Firebug Lite,IE 下调试网页兼容性 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 6 条群众意见

  1. 苗木 /2010-07-01 09:54

    来看看,不想错过。 回应

    #1
  2. 火车票 /2010-07-01 15:57

    来看看,不想错过。 回应

    #2
  3. lianyungang /2010-07-01 20:10

    你好,否能做个友情链接呢? 回应

    #3
  4. 罗莱家纺 /2010-07-01 23:00

    很好,收藏了下次再来。 回应

    #4
  5. 优趣 /2010-11-08 22:43

    用过了哦、感觉还是没 firebug 爽! 回应

    #5
  6. 羽绒被品牌 /2011-02-28 14:55

    收藏了下次用 回应

    #6

下面我简单说几句