Firefox好用CSS編輯外掛

PO了兩篇CSS3的新屬性介紹後，換來介紹在瀏覽器上觀看與編輯CSS的好用外掛，而在編輯CSS時最好用的編輯軟體當然是非Dreamweaver莫屬，但為了研究某些好的網頁的CSS，需大費周章的使用血輪眼瀏覽密密麻麻的Html程式碼與CSS程式碼，找尋要找的區域和對應的CSS碼，或是將它COPY下來 ，貼在Dreamweaver上抽絲剝繭，或是設計完網頁後，用瀏覽器觀看效果時，發現要小幅修改CSS，又要跳到Dreamweaver，像這些已非常熟練的技巧，因該可以放進倉庫先封存，科技始終來至於人性，聯程式也不例外，接下來就還介紹兩個好用的Firefox外掛。

 

Firebug

 

就是這隻，第一眼看以為是蟑螂，但再仔細看因該是螢火蟲吧，好拉不管就是一隻蟲，再來看看這隻蟲的能耐，先安裝吧，到官網吧，在取得附加元件的搜尋好像會搜尋不到，進入官網後點下右邊的紅色大按鈕安裝，安裝完後重新啟動Firefox這時你匯看到瀏覽器的右下角出現一隻蟲(如圖01)，點下後下半部會出現兩個視窗，左邊視窗是html的DIV標籤區域，右邊的是視窗是顯示CSS，只要按下Firebug視窗上的游標按鈕(如圖02)，現在只要指到網頁上的任一區塊，下面兩個視窗就會出現該區塊的資訊，方便吧，甚下的各位自己研究看看吧。