Ext JS开发实用工具小结
日期：2014-05-16 浏览次数：20347 次
?? ?现在一直在做Ext Gwt开发，已经很久有没接触Ext JS了，之前接触过的东西已经快忘干净了，在完全遗忘之前，写此总结以备参考，也希望多大家有用。
?
1. Ext JS IDE工具:
?? ? ? 在这里只说我接触过的工具:
?? ? ? 1). Aptana Studio: ??http://www.aptana.com/?? ? [基于Eclipse3.3 或者以上, 开源]
?? ? ? ? ? ?这个是我现阶段接触到得，最好的Web前端开发工具，不仅有强大的代码提示(浏览器兼容性也会提示出来)，而且支持js断点调试。 现在最新的版本是2.0, 里面可以直接更新Ext2.2插件，用来做ExtJS开发，非常方便:
?
强大的代码提示,并且支持断点调试:
?
?
?? ? ? 2). Spket IDE: ?http://www.spket.com/
?? ? ? ? ? ? ? ?这个也非常优秀，在Aptana Studio未免费之前，用过这个。 开发Ext JS需要进行一定的配置，代码提示功能也很强大，不过不支持浏览器兼容性提示和断掉调试(我接触的是1.6版，之后的版本就不清楚了)
?
2. 浏览器调试，以及辅助工具: (一下都是FireFox插件)
?? ? ? ? 1). FireDebug: ?做前端开发必备， js断点调试，dom节点查看， Css样式调整必备； 不仅如此，而能能够检测网络加载状况，以及请求响应信息;
?? ? ? ? ?2). Web Developer: 主要偏向于Web制作. 平时用的不多;
?? ? ? ? ?3). iMaros for firefox: 一款不错的测试工具，如果不想用LoadRunner这些庞大的测试工具，可以尝试用用他。
?? ? ? ? ?4). Library Detector: 查看当前网页用了哪些js框架； ?PS: 这个比较猥琐，头别人的解决方案，木哈哈哈....
?
下面副现在用的插件:
?
?
3. 资料整理:
?
Spket + Ext JS 开发环境搭建(入门的时候就看的他..)
?
Ajax性能工具?(IBM的文章库， 介绍了很多不错的ajax测试工具，服务器端和客户端的都有。。)
?
围绕Ext2.0的开发工具(这个是老帖了，我是从这里了解到得Aptana Studio)
?
继续更新一些资料:(都来自verycd)
?
《浪曦的ExtJS视频教程》??(主要介绍ExtJS中 Grid的应用)
?
DojoChina的ExtJS视频教程??(我当时就看的这个轿车呢个，如果看完这个还不会extjs的话，我就无语了.... ? 后台他们用的是Asp + JScript...)
?
?
PS...这帖水平真不咋的. LZ还有藏着掖着的绝学快使出来吧~
测试工具除了iMaros强力推荐Seleinum，可以录制，也支持测试代码。主要测试代码可以转换成xml,java等各种形式，更有强大的api可以集成到测试框架里，非常方便。
问题是Ext gen出来的html结构很复杂，而且是动态id，所以gird里面的操作是录制不了的，而用纯粹的css selector有些功能，比如修改grid第三行中的某列记录实现起来很困难。
在此抛砖引玉，不知哪位达人有高招可以解决这个难题？
<div class="quote_div">
<p>?? ?现在一直在做Ext Gwt开发，已经很久有没接触Ext JS了，之前接触过的东西已经快忘干净了，在完全遗忘之前，写此总结以备参考，也希望多大家有用。</p>
<p>?</p>
<p>1. Ext JS IDE工具:</p>
<p>?? ? ? 在这里只说我接触过的工具:</p>
<p>?? ? ? 1). Aptana Studio: ??<a href="http://www.aptana.com/">http://www.aptana.com/</a>?? ? [基于Eclipse3.3 或者以上, 开源]</p>
<p>?? ? ? ? ? ?这个是我现阶段接触到得，最好的Web前端开发工具，不仅有强大的代码提示(浏览器兼容性也会提示出来)，而且支持js断点调试。 现在最新的版本是2.0, 里面可以直接更新Ext2.2插件，用来做ExtJS开发，非常方便:</p>
<p>?</p>
<p>强大的代码提示,并且支持断点调试:</p>
<p><br><img src="http://dl.iteye.com/upload/attachment/201579/c8af5a46-16af-3cb0-ad37-e17e6c355e1d.jpg" alt=""></p>
<p>?</p>
<p>?</p>
<p>?? ? ? 2). Spket IDE: ?<a href="http://www.spket.com/">http://www.spket.com/</a></p>
<p>?? ? ? ? ? ? ? ?这个也非常优秀，在Aptana Studio未免费之前，用过这个。 开发Ext JS需要进行一定的配置，代码提示功能也很强大，不过不支持浏览器兼容性提示和断掉调试(我接触的是1.6版，之后的版本就不清楚了)</p>
<p>?</p>
<p>2. 浏览器调试，以及辅助工具: (一下都是FireFox插件)</p>
<p>?? ? ? ? 1). FireDebug:
