demoshop

官方網站

http://chrispederick.com/work/web-developer/

Web Developer是一套老字號的Firefox套件，雖然不可諱言的他對於程式的偵錯能力很差(因為根本是用火狐狸內建的功能)但是他對於排版的偵錯以及css的偵錯倒是很不錯用，簡單又方便所以這套件也是demo火狐狸的必裝套件之一，在此推薦給有需要作版面偵錯的您。

Web Developer的主動偵錯很嫩...請看以下幾張圖
當網頁沒有錯誤的時候就是兩個綠勾

左邊的紅色圖示就是有CSS的錯誤

右邊的紅色圖示就表示有java script的錯誤
好了，沒了，他的"主動"偵錯就這樣而已，當有紅色圖示出現的時候你可以按下該圖示，然後就會帶出錯誤主控台來讓你偵錯。

---

如果就只有這樣，demo還好意思發一篇文的話就表示我詞窮了，當然Web Developer沒有那麼差，但是他的功能實在太多了demo也介紹不完，所以就將工具列帶出來的圖，呈現給各位，有沒有用到其中的功能，就看各位看官的考量啦。

---

---

---

---

---

---

---

---

---

---

---

---

最後一個選項，demo就不貼了，那玩意沒啥意義，看到了沒此套件有如此豐富的功能，而且幾乎都是在UI相關的功能，所以如果你有版面版型除錯的必要，使用這套到還滿方便的，尤其demo會設定視窗大小為800×600和1024×768 這樣子在製作版面的時候，就可以直接切換大小來看版面有沒有跑掉，實在是很方便。