网页版Firebug

一个人的人生注定要遇见两个人,一个人多年令人惊叹,另一个人温柔。学校没有纪律便如磨房里没有水。走自己的路,让别人说去吧!

Firebug 可以说是 FF 最强大的插件之一,它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构,还可以临时修改这些代码,是开发不可缺少的利器。这也许您早已知道,但网页版的 "Firebug" 你听说吗?
Firebug 可以说是 FF 最强大的插件之一,它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构,还可以临时修改这些代码,是开发不可缺少的利器。这也许您早已知道,但网页版的 "Firebug" 你听说吗?其实也不是 Firebug 了,而是类似于 Firebug ,功能也没有真正的 Firebug 那么强大,仅可以用来查看网页 DOM 结构和一些 CSS 样式。虽然功能不多,但在某些情况下、某些时候已经够了,特别值得一提的是:它可以在多种浏览器:IE 、FF 、Chrome 中正常运行,除了 Opera ,所以在某些时候还是用的上滴。看看效果吧:

那这东西在哪呢?下面的代码就是了: javascript:function loadScript(scriptURL) {
var scriptElem = document.createElement('SCRIPT');
scriptElem.setAttribute('language', 'JavaScript');
scriptElem.setAttribute('src', scriptURL);
document.body.appendChild(scriptElem);}
loadScript('http://westciv.com/xray/thexray.js');
用法:
1、复制上面的代码(并把它改成一行,我把它换行是为了防止代码过长而自动隐藏了);
2、打开个网页,等它加载完;
3、在地址栏粘贴刚才复制的代码;
4、出来一个黑框框了吧,OK,可以用了,用鼠标点击某个地方,就能显示DOM 结构和一些 CSS 样式。

到此这篇关于网页版Firebug就介绍到这了。一个人,想要优秀,你必须要接受挑战;一个人,你想要尽快优秀,就要去寻找挑战。世界上,成功的有两种人,一种人是傻瓜,一种人是疯子。傻瓜是会吃亏的人,疯子是会行动的人。更多相关网页版Firebug内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
基于firebug的firefox扩展 css usage

firebug如何使用方法 在IE上如何使用firebug的技巧图文介绍