手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >网页版Firebug
网页版Firebug
摘要:Firebug可以说是FF最强大的插件之一,它不但可以查看xhtml代码、CSS代码、JS代码、DOM结构,还可以临时修改这些代码,是开发不...

Firebug 可以说是 FF 最强大的插件之一,它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构,还可以临时修改这些代码,是开发不可缺少的利器。这也许您早已知道,但网页版的 "Firebug" 你听说吗?

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

网页版Firebug1

那这东西在哪呢?下面的代码就是了: 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】相关文章:

DIV下图片自适应解决方法

利用css控制网页的左右排列

巧用CSS自定义网页下划线样式

怎样在网页中显示虚线

Div+CSS网页制作误区

CSS网页布局的技巧

CSS应用基础教程:区块性质

邮箱css加载失败怎么办

css网页设计小技巧

CSS网页布局的意义与副作用

精品推荐
分类导航