西红柿爱番茄

Feed Rss

fireTest—类似于firebug查看元素padding、margin等等的方法

02.26.2010, Javascript, by .

//////////////////// 2010-2-27 update //////////////////

根据需要,增加了使用和禁用开关模式(右下角),在页面中直接加载fireTest.js文件即可:
[javascript]
<script src="fireTest.js" type="text/javascript"></script>
[/javascript]

或者直接链接到本站fireTest.js文件:http://www.ilovejs.net/lab/fireTest/fireTest.js
点击查看测试页面

///////////////////////////////////////////////////////////////////

昨晚睡觉的时候脑子突然想实现这么个东东 — 类似于firebug的查看DOM元素padding、margin的情况。虽然firebug已经发布了Lite版本,可以在非火狐的浏览器下测试网页的各种信息,但是由于Lite版本是用js实现的,在某些浏览器下(特别是IE下),影响了整体的性能,使用上也不太方便查看。目前各主流浏览器都内置了这项功能,Google Chrome,Safari,Opera,IE8等等都已经有非常强大的开发人员测试工具。

写这个工具一方面是为了方便自己在非火狐浏览器下类似于firebug的查看DOM元素的padding,margin的情况(除了IE6),但是目前还不支持IE6(fuck 框模型hack),日后有时间完善这个。

点击查看测试页面

fireTest—类似于firebug查看元素padding、margin等等的方法 有 9 条回应

  1. GXmJdP Excellent article, I will take note. Many thanks for the story!

  2. 不错有意思。

  3. 呵呵这样子啊

  4. 有点意思哈。

  5. 呵呵有趣。

  6. 呵呵有趣。

  7. 呵呵有趣。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>