網(wǎng)頁版Firebug

2024-07-11 08:24:28

字體：大中小

供稿：網(wǎng)友

Firebug 可以說是 FF 最強(qiáng)大的插件之一，它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結(jié)構(gòu)，還可以臨時(shí)修改這些代碼，是開發(fā)不可缺少的利器。這也許您早已知道，但網(wǎng)頁版的 "Firebug" 你聽說嗎？
Firebug 可以說是 FF 最強(qiáng)大的插件之一，它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結(jié)構(gòu)，還可以臨時(shí)修改這些代碼，是開發(fā)不可缺少的利器。這也許您早已知道，但網(wǎng)頁版的 "Firebug" 你聽說嗎？其實(shí)也不是 Firebug 了，而是類似于 Firebug ，功能也沒有真正的 Firebug 那么強(qiáng)大，僅可以用來查看網(wǎng)頁 DOM 結(jié)構(gòu)和一些 CSS 樣式。雖然功能不多，但在某些情況下、某些時(shí)候已經(jīng)夠了，特別值得一提的是：它可以在多種瀏覽器：IE 、FF 、Chrome 中正常運(yùn)行，除了 Opera ，所以在某些時(shí)候還是用的上滴。看看效果吧：
網(wǎng)頁版Firebug

那這東西在哪呢？下面的代碼就是了：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、復(fù)制上面的代碼（并把它改成一行，我把它換行是為了防止代碼過長而自動(dòng)隱藏了）；
2、打開個(gè)網(wǎng)頁，等它加載完；
3、在地址欄粘貼剛才復(fù)制的代碼；
4、出來一個(gè)黑框框了吧，OK，可以用了，用鼠標(biāo)點(diǎn)擊某個(gè)地方，就能顯示DOM 結(jié)構(gòu)和一些 CSS 樣式。

上一篇：利用CSS在導(dǎo)航條上標(biāo)示當(dāng)前所在頻道

下一篇：CSS教程:CSS讓網(wǎng)頁文字自動(dòng)隱藏