网页版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 样式。