2009年3月22日 星期日

協助HTML/JavaScript/CSS開發的Firefox擴充套件

之前搞Firefox擴充套件開發的survey時找到幾個不錯的,
連同之前在用的一併列出。

DOM Inspector
觀察DOM tree用的套件。原本是Fx內建,Firefox 3還哪時候開始變成額外擴充。
(變額外擴充也好,因為原本內建但是要在安裝時特地選起來,很容易漏過)
雖然說底下要介紹的Firebug比他強大些....

Firebug
同樣是觀察DOM tree用的,不同的是它有簡單明顯的UI,
當游標移到tree的某條敘述上,對應的顯示的部份會以遮罩突顯出來,
所以能很快的找到自己要的部份的code的位置。
必備套件。

JavaScript Debugger
這套強大的地方在於,他是個可以逐步執行並下中斷點的JavaScript Debugger。
就這樣,不過也夠強悍了。

Web Developer
可以進行很多網頁細部設定。比如說關掉Javascript、對Cookie的操縱、取得JavaScript內容等等。
很多項目不會很常用,不過需要時就會覺得蠻好用的。

Console²
將錯誤主控台的UI稍稍改裝。
老實講改的不多(而且稍微有點醜....),不過有比沒有好。

Extension Developer
很多輔助Extension開發用的功能,不過也有助於網頁開發。
比如說Extension的包裝、即時的Javascript command line、
即時的HTML Editor和Regular Expression Evaluator。

沒有留言: