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

 

Firebug

 

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

 

 

圖01

 

 

 

圖02

 

 

最後修改日期: 2019 年 2 月 21 日

作者