網(wǎng)頁(yè)版Firebug

2024-07-11 08:44:02

字體：大中小

供稿：網(wǎng)友

Firebug 可以說(shuō)是 FF 最強(qiáng)大的插件之一，它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結(jié)構(gòu)，還可以臨時(shí)修改這些代碼，是開(kāi)發(fā)不可缺少的利器。這也許您早已知道，但網(wǎng)頁(yè)版的 "Firebug" 你聽(tīng)說(shuō)嗎？
Firebug 可以說(shuō)是 FF 最強(qiáng)大的插件之一，它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結(jié)構(gòu)，還可以臨時(shí)修改這些代碼，是開(kāi)發(fā)不可缺少的利器。這也許您早已知道，但網(wǎng)頁(yè)版的 "Firebug" 你聽(tīng)說(shuō)嗎？其實(shí)也不是 Firebug 了，而是類似于 Firebug ，功能也沒(méi)有真正的 Firebug 那么強(qiáng)大，僅可以用來(lái)查看網(wǎng)頁(yè) DOM 結(jié)構(gòu)和一些 CSS 樣式。雖然功能不多，但在某些情況下、某些時(shí)候已經(jīng)夠了，特別值得一提的是：它可以在多種瀏覽器：IE 、FF 、Chrome 中正常運(yùn)行，除了 Opera ，所以在某些時(shí)候還是用的上滴。看看效果吧：
網(wǎng)頁(yè)版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ù)制上面的代碼（并把它改成一行，我把它換行是為了防止代碼過(guò)長(zhǎng)而自動(dòng)隱藏了）；
2、打開(kāi)個(gè)網(wǎng)頁(yè)，等它加載完；
3、在地址欄粘貼剛才復(fù)制的代碼；
4、出來(lái)一個(gè)黑框框了吧，OK，可以用了，用鼠標(biāo)點(diǎn)擊某個(gè)地方，就能顯示DOM 結(jié)構(gòu)和一些 CSS 樣式。

上一篇：CSS實(shí)例：CSS實(shí)現(xiàn)的等高網(wǎng)頁(yè)布局

下一篇：CSS教程：CSS3圓角屬性