1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. CSS好幫手Web-Developer (Firefox外掛元件)

CSS好幫手Web-Developer (Firefox外掛元件)

2008/11/22
  先前已介紹過IEDevToolBar,外掛在IE瀏覽器後,便可快速且有效的編輯網頁中的CSS樣式,但這不是只有IE才有喔!接下來再要為各位介紹,在Firefox的瀏覽器下也是有一樣便利的外掛工具,其用法大同小異,唯一的差別就在於安裝方式的不同,IEDevToolBar只要一直下一步下一步,重啟瀏覽器就OK了,但Firefox安裝方法有些許的不同,現在就一起來看該如何安裝呢?

Step1
請由此下載該工具[Web-Developer]


Step2
開啟Mozilla Firefox瀏覽器,並選擇功能表中的工具/附加元件


Step3
並將剛所下載的Web-Developer.xpi拖曳到附加元件的視窗中。


Step4
此時會出現一個警告視窗,請點選『立即安裝』的按鈕。


Step5
安裝完成後,對著右下角的『重啟Firefox』鈕點一下。


Step6
重新啟動Firefox後,可發現網址列下方出現了一排選單,此選單就Web-Developer工具 選單,而用法與IEDevToolBar大同小異,各位可自行研究。