demoshop

demo, trying to be the best_

官方網站
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 這樣子在製作版面的時候,就可以直接切換大小來看版面有沒有跑掉,實在是很方便。

回應討論