Web App开发

最近给朋友搞了一个Mobile Site页面，如上图。
一开始，找了很多移动开发框架，外加很多对比文章，最后发现用最简单的方法解决用户最直接的需求是快而且有效的。

09年通过台湾前同事了解到可以通过Html来制作App应用 ，于是就开始关注这样的技术。

首先就是PhoneGap，我第一次听说的可以用Html+js来开发跨平台应用（Native app）的工具…后来在Mac中Xcode中安装过，但是实际上没有具体的去使用…PhoneGap后来被Adobe收购了，而Adobe旗下的Flash也是可以导出App的..只是性能完全没有可比性..
然后还有Titanium，他与PhoneGap的区别是，Titanium导出的时候把HTML和JS编译成平台的原生语言，而PhoneGap只是搭建一个壳(之前了解的情况，不知道现在更新没..)。

后来也了解了其他一些工具..没有看上眼的… phonegap和Titanium是目前市面上最好的两款工具了吧..
而在国内，去年也有公司出了Appcan.. 没用过，不太清楚..

回到Web App，从用户角度来说，我一直在寻找能模仿原生App的开发框架。

首先是Jquery mobile 功能确实很多，入门很快，但是在手机端的用户体验真的不是我喜欢的 很差..
之前的版本就不说了，最近推出2.0版本..改进了一些，但还是不够完美..
其实我对他期望最大，因为学习成本对我来说真的很低，但用户体验真的太差了……==#
ps.国内有家公司利用这个，做企业端的Mobile页面优化。就是企业一般网站都是Web形式，那么这家就帮人家优化成移动端页面… 然后竟然入围红鳟鱼全球100创新企业！（不想吐槽了！）

然后是jQTouch据说从Jquery 衍生出来的，在用户体验上稍微好一些，
缺点是
1、不支持底部菜单，
2、不支持顶部固定
3、当列表内容很长的时候，比如用户滑到第二屏，点击列表某一项，接着切换到内容页面，再在内容页面点击顶部的返回按键，那么前面的列表会重新回到顶部。 也就是 JQ没能记住前面列表的位置信息。这点是我很在意的..==#
不过这个问题 有些技术员已经可以解决…（我非纯技术，所以搞不定..）

最后就是牛逼的SenchaTouch了，它是由extjs衍生出来的…
在WebApp上面的体验近乎完美，达到了我说的模仿原生App开发的需求。
但..对我来说学习成本太高了…. 完全用js，而且学习的Demo还极少..
也因为是这样，他们的工具是免费的，但是做培训收费 ==#
Senchatouch的缺点是太“重”，浏览器加载太长时间….，不过据说新版本已经改进了…
总之这款工具我最满意，但是学习成本太高（懒==#），最后也..

最后呢..总结下

WebApp相对Native app又有其兼容性好处，搭建一个，就可以兼容很多设备…
那么到底是开发Nativeapp好 还是webApp好呢？
最近看到一句话是：常用的手机应用，就用Nativeapp开发；不常用的就用WebApp开发。

对于WebApp开发，最佳的解决方案是：
1、如果有能力， 就借助开源工具专门为自己的企业打造一款App框架。就像FT iPad web App一样，几乎达到了和原生应用一样的级别。
2、必须搭建一个初级版，也是最快最有效率的版本，就是我上面为朋友做的。首先鉴于精力、时间、能力的问题，小企业没办法开发一个牛逼的WebApp，那么就用最简单直接的HTML打造一个小屏幕版本即可，不要一味追求模拟原生App的效果（就像我之前所犯的错误一样 ==#）
好处吗，在中国显而易见，
1、微信，微信的内容植入，用html最快最容易做的。
2、当用户把你的页面内容分享出去的时候，其他用户在手机上浏览，那么这时候一个小屏幕的版本足够应付了，且用户体验不会差到哪儿去。