DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁版Firebug
網頁版Firebug
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:Firebug 可以說是 FF 最強大的插件之一,它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結構,還可以臨時修改這些代碼,是開發不可缺少的利器。這也許您早已知道,但網頁版的 "Firebug" 你聽說嗎?

Firebug 可以說是 FF 最強大的插件之一,它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結構,還可以臨時修改這些代碼,是開發不可缺少的利器。這也許您早已知道,但網頁版的 "Firebug" 你聽說嗎?其實也不是 Firebug 了,而是類似於 Firebug ,功能也沒有真正的 Firebug 那麼強大,僅可以用來查看網頁 DOM 結構和一些 CSS 樣式。雖然功能不多,但在某些情況下、某些時候已經夠了,特別值得一提的是:它可以在多種浏覽器:IE 、FF 、Chrome 中正常運行,除了 Opera ,所以在某些時候還是用的上滴。看看效果吧:

網頁版Firebug

那這東西在哪呢?下面的代碼就是了:

javascript:function%20loadScript(scriptURL)%20{
%20var%20scriptElem%20=%20document.createElement('SCRIPT');
%20scriptElem.setAttribute('language',%20'JavaScript');
%20scriptElem.setAttribute('src',%20scriptURL);
%20document.body.appendChild(scriptElem);}
loadScript('http://westciv.com/xray/thexray.js');

用法:

1、復制上面的代碼(並把它改成一行,我把它換行是為了防止代碼過長而自動隱藏了);

2、打開個網頁,等它加載完;

3、在地址欄粘貼剛才復制的代碼;

4、出來一個黑框框了吧,OK,可以用了,用鼠標點擊某個地方,就能顯示DOM 結構和一些 CSS 樣式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved