ColorZilla：如果网页上有你喜欢的颜色，ColorZilla会找到其精确值，你就可以粘贴到代码程序里了。还能根据内建的调色板来产生自定义的颜色。它还保存经常使用的颜色，方便随后使用。强大、简单，必不可少。

　　CSS Validator：CSS Validator在浏览器增加一个右击选项，以发送CSS到W3C CSS Validator。它在新开的标签(tab)里显示结果。CSS Validator是个好工具，迟早用得着。

　　CSSViewer：没有web设计师应该不使用CSSViewer。该插件告诉你所需要的关于某个站点的所有CSS信息。仅仅单击页面，打开工具菜单，它就显示了CSS信息。我几乎天天用。

　　FireBug：FireBug是那些不可或缺的扩展之一。它允许你编辑、debug、查看CSS、HTML和JavaScript。一旦你修改了站点的HTML，FireBug会自动在同一个窗户显示。非常强大。

　　FirePHP：FireBug是面向CSS、HTML和JavaScript的好工具，而FirePHP，仅在你已安装FireBug扩展之后，会产生具有丰富功能的开发体验。你可以查看PHP的质量、排错。很有帮助。

　　Font Finder：它可以高亮任意站点上的字体，在选择区域右击，选择“Font Finder”，以查看选择部分整个CSS文本样式。然后你就能粘贴到自己的网页里。

　　HTML Validator：功能非常强大，仅windows用户使用。它把网页的错误反馈给你。它还告诉你问题出在哪里。但是，如果你不是一个高级的web设计师，还是远离它。太过复杂。

　　IE View：只要你在使用windows，IE Viewer就是有用的工具。它在右键菜单里增加了“Open in IE”选项，从而快速地在Internet Explorer里打开网址。它还可以对比一个网页在两个浏览器里的样子。

　　Java Console：如果你想知道Java applets如何在网页上运行，Java Console就适合你。你可以监视、调试applets，并获得一份有关性能的完整报告。

　　LinkChecker：高亮任何网站的链接，告诉你该链接把你带到一个可用的站点，否则将返回404.我天天用。

　　Poster：如果你想调试服务器，发出HTTP请求，Poster就是最佳工具。操作简单，你先设定一个内容类型，数分钟内，你将拥有需要检视HTTP请求结果的所有信息。适用。

　　Style Sheet Chooser II：它取代FireFox内建的样式单选择器，让你选用不同的样式，并持续应用整个网站。它不经常被用到，但是，某些工作还是需要它的。

　　Web Developer：如果你安装了这里提到的任何扩展，Web Development也应当包括在内。它给Firefox增加了一个菜单和工具条，你可以选择显示网页的样式，查看或编辑CSS等等。Web开发者必不可少。

　　YSlow：需要安装了FireBug，它可以找到网站速度慢的原因。它根据《Yahoo's rules for high-performance Web sites》分析网页，并返回使网站变慢的因素。我经常让它帮我找到如何提高网站速度。试试看。

1. 处理HTML元素的标准事件

HTML元素的标准事件是指mouseover、mousedown、click、 blur、focus、change等。在ExtJS中，这些事件的处理如下：

• 注册一个事件处理函数使用： Ext.get('myElement').on('click', myHandler, myScope) myElement是要注册的元素的ID，click是事件的名称（注意，和HTML元素中的声明onXXX不同，这里不需要on），myHandler 是处理函数的函数名称，myScope是一个可选的参数，指定处理函数绑定的对象，也就是处理函数的作用域，如果不提供这个参数，则是默认的 window。
• 撤销一个事件处理函数： Ext.get('myElement').un('click', myHandler, myScope) 参数的意义同上。

ExtJS 会根据不同的浏览器进行相应的处理，支持多浏览器。事件处理函数的参数只能参考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两个事件。如何触发这两个事件呢，基类 Ext.util.Observable提供了触发自定义事件的方法fireEvent(eventName, arg1, arg2, ... argn), eventName是要触发的时间的名称（不区分大小写），后面的参数arg1，arg2等是要传给事件处理函数的参数。用上面的Employee类做示 例，触发quit事件：

this.fireEvent('quit', this);

这行代码将触发quit事件，并将Empolyee类的实例传给quit事件的处理函数，quit事件的订阅可以采用如下代码：

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

在上面的代码中，为quit事件注册了两个处理函数（myHandler1与myHandler），当quit事件被激发时，将会依次调用 myHandler1和myHandler2两个函数。

值得注意的是，不管是HTML元素的标准事件还是自定义事件，如果为某个时间注册了多个处理函数，如前面的例子，如果myHandler1返回 false的话，则会取消在myHandler1之后注册的处理函数的执行，即该事件被取消，从而停止继续执行该事件的处理函数，而这个返回值false 会作为事件激发的结果，返回给empolyee，即：

var result = this.fireEvent('quit', this);
if (result === false) {
alert('event canceled'); //这里表示事件被某个处理函数取消
}
else {
alert('event complete'); // 这里表示事件执行完毕
}

通过Ext的自定义事件的机制，可以实现一对多的观察者模式，也可以实现一对一的绑定模式，这一点，在ExtJS的开发中是很重要的。