周5要去公司開會了，好久沒和他們聯繫了，進度基本龜速，最近正在惡補CSS和javascript的知識，但願後天去了以後不要杯具。
最近主要的工作是研究facebook的網頁結構，樣式表，發現firefox+firebug的組合相當合適，在網上找到了幾篇文章，分享給大家，希望能對大家的工作帶來幫助。
firebug的下載地址爲：http://getfirebug.com/
首先需要安裝firefox，然後使用firefox打開上面的地址，點擊下載，安裝完成後，在頁面的上右鍵單擊，選擇最後一項“查看元素”，就可以獲得網頁的全部代碼。
以下是WWW.WEBJX.COM對於firebug的介紹：
Firebug 可以說是 FF 最強大的插件之一，它不但可以查看 xhtml 代碼、CSS 代碼、JS 代碼、DOM 結構，還可以臨時修改這些代碼，是開發不可缺少的利器。這也許您早已知道，但網頁版的 "Firebug" 你聽說嗎？其實也不是 Firebug 了，而是類似於 Firebug ，功能也沒有真正的 Firebug 那麼強大，僅可以用來查看網頁 DOM 結構和一些 CSS 樣式。雖然功能不多，但在某些情況下、某些時候已經夠了，特別值得一提的是：它可以在多種瀏覽器：IE 、FF 、Chrome 中正常運行，除了 Opera ，所以在某些時候還是用的上滴。看看效果吧：
那這東西在哪呢？下面的代碼就是了：
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');
%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 樣式。