Ext, Javascript 试用以及Web应用架构思考

今天开始用Ext做WebUI。extjs.com上的Demo确实漂亮。不过用javascript开发却是另外一种体验。Js的先天不足使得工具不好用。很少调试工具。JSEclipse的自动补全和提示还做得不错，虽然极为有限。不过因为JS是一种动态语言，似乎工具只能做到这样了。错误不能在编辑或编译时检查出来。打开浏览器，出错了，看浏览器出错信息，修改，重来。听说 MS VS2008 可以调试JS，下次试试。Ext也没有什么工具可以用。设置个属性的工具也没有。相比之下JSF的工具就完善多了。Ext属于浏览器端的WebUI框架，而JSF在服务器端生成HTML。殊途同归。Ext在交互方面可能要好一点，毕竟本地计算。不过如果涉及大量服务器端访问，用Ajax取得数据，再更新Web页面，这个过程也是相当繁琐的。还不如JSF来的直接。再说将代码和数据暴露在浏览器端，安全也是一个问题。另外浏览器对JS的支持各不相同，而且有诸多限制，如内存规模等，当然JS框架多少解决了浏览器兼容性问题。

浏览器作为一个客户端它的意义在哪里呢？我想最重要的是他的平台无关性和网络连通性。无论客户使用什么系统，无论PC，嵌入式，只要你支持HTTP和HTML，你就可以得到服务器上的计算能力和资源。后来为了使网页好看点，动起来，JS流行起来了。后来有了交互的需求，JS从此担当重任，虽然显得力不从心。如果要实现复杂的界面和交互，为什么不用一个更强大的虚拟机呢？AIR，JVM，Silverlight都可以。为什么是JS呢？最好连HTTP协议也不用了，另外用一种有状态的协议。还有，如果采用这些RIA Runtime，浏览器也可以不需要了，这样泾渭分明。问题是，静态的Web页面和Web Application之间真的可以这样分得清楚么。

今天继续浏览了extjs。com，发现了社区开发的很多东东，包括可视化开发。从screenshot看好像有一种和firefox集成的JS调试工具。

Firefox有很多插件可以用，包括Web develope, JS debugger and a lot more!!!

Too bad my firefox threw an exception while i was installing them: "Firefox 无法将文件安装至 https://addons.mozilla.org/zh-CN/firefox/downloads/file/28678/web_developer-1.1.6-fx.xpi，原因为: 下载错误
-228"

i copied this link to firefox addressbox and then it worked and cimpleted the installation of javascript debugger. https://addons.mozilla.org/zh-CN/firefox/addon/216

http://addons.sociz.com/firefox 有很多firefox插件可以安装。你能想象得到的都有。pagehacker,bugmenot,imacros,css viewer, source viewer....

Firefox's javascript debugger is good but can't edit source code directly.

I am trying to tune the design of a page made by Ext. However it's not easy to find the right style section for some component because they are very deep in the DOM tree. It's useless to set styles for a class of a div which is rendered by an Ext component because that div is just a wrapper and that div's style is overriden by that of elements deeper down. So the eonly way is to set a class for a component when you build it with Ext.