ColorZilla：如果網(wǎng)頁上有你喜歡的顏色，ColorZilla會找到其精確值，你就可以粘貼到代碼程序里了。還能根據(jù)內(nèi)建的調(diào)色板來產(chǎn)生自定義的顏色。它還保存經(jīng)常使用的顏色，方便隨后使用。強大、簡單，必不可少。

　　CSS Validator：CSS Validator在瀏覽器增加一個右擊選項，以發(fā)送CSS到W3C CSS Validator。它在新開的標簽(tab)里顯示結(jié)果。CSS Validator是個好工具，遲早用得著。

　　CSSViewer：沒有web設(shè)計師應(yīng)該不使用CSSViewer。該插件告訴你所需要的關(guān)于某個站點的所有CSS信息。僅僅單擊頁面，打開工具菜單，它就顯示了CSS信息。我?guī)缀跆焯煊谩?/p>

　　FireBug：FireBug是那些不可或缺的擴展之一。它允許你編輯、debug、查看CSS、HTML和JavaScript。一旦你修改了站點的HTML，F(xiàn)ireBug會自動在同一個窗戶顯示。非常強大。

　　FirePHP：FireBug是面向CSS、HTML和JavaScript的好工具，而FirePHP，僅在你已安裝FireBug擴展之后，會產(chǎn)生具有豐富功能的開發(fā)體驗。你可以查看PHP的質(zhì)量、排錯。很有幫助。

　　Font Finder：它可以高亮任意站點上的字體，在選擇區(qū)域右擊，選擇“Font Finder”，以查看選擇部分整個CSS文本樣式。然后你就能粘貼到自己的網(wǎng)頁里。

　　HTML Validator：功能非常強大，僅windows用戶使用。它把網(wǎng)頁的錯誤反饋給你。它還告訴你問題出在哪里。但是，如果你不是一個高級的web設(shè)計師，還是遠離它。太過復(fù)雜。

　　IE View：只要你在使用windows，IE Viewer就是有用的工具。它在右鍵菜單里增加了“Open in IE”選項，從而快速地在Internet Explorer里打開網(wǎng)址。它還可以對比一個網(wǎng)頁在兩個瀏覽器里的樣子。

　　Java Console：如果你想知道Java applets如何在網(wǎng)頁上運行，Java Console就適合你。你可以監(jiān)視、調(diào)試applets，并獲得一份有關(guān)性能的完整報告。

　　LinkChecker：高亮任何網(wǎng)站的鏈接，告訴你該鏈接把你帶到一個可用的站點，否則將返回404.我天天用。

　　Poster：如果你想調(diào)試服務(wù)器，發(fā)出HTTP請求，Poster就是最佳工具。操作簡單，你先設(shè)定一個內(nèi)容類型，數(shù)分鐘內(nèi)，你將擁有需要檢視HTTP請求結(jié)果的所有信息。適用。

　　Style Sheet Chooser II：它取代FireFox內(nèi)建的樣式單選擇器，讓你選用不同的樣式，并持續(xù)應(yīng)用整個網(wǎng)站。它不經(jīng)常被用到，但是，某些工作還是需要它的。

　　Web Developer：如果你安裝了這里提到的任何擴展，Web Development也應(yīng)當包括在內(nèi)。它給Firefox增加了一個菜單和工具條，你可以選擇顯示網(wǎng)頁的樣式，查看或編輯CSS等等。Web開發(fā)者必不可少。

　　YSlow：需要安裝了FireBug，它可以找到網(wǎng)站速度慢的原因。它根據(jù)《》分析網(wǎng)頁，并返回使網(wǎng)站變慢的因素。我經(jīng)常讓它幫我找到如何提高網(wǎng)站速度。試試看。

1. 處理HTML元素的標準事件

HTML元素的標準事件是指mouseover、mousedown、click、 blur、focus、change等。在ExtJS中，這些事件的處理如下：

• 注冊一個事件處理函數(shù)使用： Ext.get('myElement').on('click', myHandler, myScope) myElement是要注冊的元素的ID，click是事件的名稱（注意，和HTML元素中的聲明onXXX不同，這里不需要on），myHandler 是處理函數(shù)的函數(shù)名稱，myScope是一個可選的參數(shù)，指定處理函數(shù)綁定的對象，也就是處理函數(shù)的作用域，如果不提供這個參數(shù)，則是默認的 window。
• 撤銷一個事件處理函數(shù)： Ext.get('myElement').un('click', myHandler, myScope) 參數(shù)的意義同上。

ExtJS 會根據(jù)不同的瀏覽器進行相應(yīng)的處理，支持多瀏覽器。事件處理函數(shù)的參數(shù)只能參考ExtJS的文檔了，必要時還得參考源代碼。

2. 處理自定義事件

在ExtJS中使用自定義事件，需要從Ext.util.Observable繼承，示例代碼如下：

Employee = function(name){
this.name = name;
this.addEvents({
"fired" : true,
"quit" : true
});
}
Ext.extend(Employee, Ext.util.Observable, { ... });

在這段代碼中，定義了一個Employee類，定義了fired和quit兩個事件。如何觸發(fā)這兩個事件呢，基類 Ext.util.Observable提供了觸發(fā)自定義事件的方法fireEvent(eventName, arg1, arg2, ... argn), eventName是要觸發(fā)的時間的名稱（不區(qū)分大小寫），后面的參數(shù)arg1，arg2等是要傳給事件處理函數(shù)的參數(shù)。用上面的Employee類做示 例，觸發(fā)quit事件：

this.fireEvent('quit', this);

這行代碼將觸發(fā)quit事件，并將Empolyee類的實例傳給quit事件的處理函數(shù)，quit事件的訂閱可以采用如下代碼：

function myHandler1(empolyee){ ... }
function myHandler2(empolyee){ ... }
var emp = new Empolyee('tom');
emp.on('quit', myHandler1);
emp.on('quit', myHandler2);

在上面的代碼中，為quit事件注冊了兩個處理函數(shù)（myHandler1與myHandler），當quit事件被激發(fā)時，將會依次調(diào)用 myHandler1和myHandler2兩個函數(shù)。

值得注意的是，不管是HTML元素的標準事件還是自定義事件，如果為某個時間注冊了多個處理函數(shù)，如前面的例子，如果myHandler1返回 false的話，則會取消在myHandler1之后注冊的處理函數(shù)的執(zhí)行，即該事件被取消，從而停止繼續(xù)執(zhí)行該事件的處理函數(shù)，而這個返回值false 會作為事件激發(fā)的結(jié)果，返回給empolyee，即：

var result = this.fireEvent('quit', this);
if (result === false) {
alert('event canceled'); //這里表示事件被某個處理函數(shù)取消
}
else {
alert('event complete'); // 這里表示事件執(zhí)行完畢
}

通過Ext的自定義事件的機制，可以實現(xiàn)一對多的觀察者模式，也可以實現(xiàn)一對一的綁定模式，這一點，在ExtJS的開發(fā)中是很重要的。