ExtJS 开发调试工具大全

 以下是extjs.org.cn收集的一些开发调试的ExtJS开发工具,不管您是用ExtJs结合哪一种言,使用的是哪一个平台.你都可以在下面找到你需要的开发工具.此文章会一直保持更新.

调试工具:
调试ExtJs利器 - Firebug(Firefox插件)

调试ExtJs利器 - Microsoft Script Debug(官方IE插件)

调试ExtJs利器 - Full Source(IE插件)

开发工具:
Ext智能提示 - Spket(Visual Studio 2008 插件)

Ext智能提示 - Spket(Eclipse插件)

Ext智能提示 - JSEclipse(Eclipse插件)

Ext智能提示 - Spket(Dreamweaver插件)

 

 

调试ExtJs利器 - Microsoft Script Debug(官方IE插件)

 Microsoft Script Debug是微软公司推出的一个脚本调试工具,Microsoft的这个工具只支持IE.在Win2000的安装包中包括了这一个文件.但在2000以后的版本,XP,WIN2003中都没有包含,但你可以从以下的Microsoft的站点的地址中下载到该组件.

下载地址:
http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&DisplayLang=en

使用方法:
1,安装 Microsoft Script Debugger 后,重新启动您的IE.
2,在菜单 Internet 选项->高级->禁用脚本调试(Internet Explorer) 前的“√”去掉。
3,在菜单 查看->脚本调试->打开 ,启动一个新实例即可以开始调试.

调试ExtJs利器 - Firebug(Firefox插件)

Firebug是一个Firefox插件,集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。更是我们这些ExtJs开发人员必备的一个工具.用它来监视 ExtJs的 post,get值非常方便.

安装及使用方法:
1,直接用Firefox打开以下地址:
https://addons.mozilla.org/zh-CN/firefox/search?q=firebug
如果您还没有安装Firefox,请先安装.下载地址:
http://www.mozilla.org.cn

2,点击Firebug旁边的图片.

3,点击安装,然后重新启动Firefox.

4,点击Firefox左下角蟑螂的图标.

5,启用 脚本(用于 JavaScript 调试) 选项即可.
(建议一并启用控制台(用于记录控制台日志))

使用视频:
http://www.digitalmediaminute.com/screencast/firebug-js/

 

调试ExtJs利器 - Full Source(IE插件)

Full Source是一个Internet Explorer菜单,可以直接显示从Internet Explorer对象模型生成的内空.它被用在显示: 用JavaScript动态地写到DOM中的HTML，或用XSLT生成的HTML 。 就是它的这一个特性,拿它来看ExtJs生成的HTML代码,实在太方便了.当然也可以查看 DoJo,JQuery等生成的HTML.

    安装方法: 先将文件解压缩,解压缩后有两个文件fullsource.html和FullSource.inf，然后右键单击.inf文件，并选择“安装”.这将复制fullsource.html文件到Windows目录,并在注册表中注册该扩展。您只需要重新启动Internet Explorer ，即可看到菜单扩展。

官方介绍:
http://www.thundermain.com/FullSource.html

下载地址:
http://www.thundermain.com/fullsource.zip

 

Ext智能提示 - Spket(Dreamweaver插件)

Dreamweaver CS3的Ext 2.0.2智能提示.它提供了非常准确的Ext API提示。
如图：

下载地址：
http://extjs.org.cn/files/spketdwcs-ext-2.0.2.zip

引用方法：
1、将下载回来的文件解压，并安裝.(双击.mpx文件，默认会以Adobe Extension Manager打开）。
如果还没有安装 Adobe Extension Manager 请到百度或者迅雷下载。
2、打开Dreamweaver CS3点击菜单 "Spket" -> "ExtJS Source...", 在打开的对话框中选择ExtJs源代码中的"ext.jsb".
3、新建一个html文件，打开菜单 "Spket" -> "Show Code Hints", 或者按下 Ctrl+Alt+Space 组合键.出来的效果如上图所示.

ps:如果找不到 Adobe Extension Manager 可以在线留言给我。