phonegap 开发中我遇到的一些坑

第一个phonegap 开发项目基本上结束了，总结起来的确是踩了很多的坑，不得不感叹一句万恶的android。

经过我们测试 项目在ios 系统下还算流畅，事件的响应速度比较快,应该是原声的浏览器坐过优化了。

android平台下问题比较多,特别是在android2.X系统上。

ok，随便撤了几个观点后，开始正式开始。

1、我对phonegap 的理解

      phonegap在我看来其实是一个框架，它定义好了js 和 android或者ios 后台交互的接口，并且实现了一些比较常用的功能。开发这可以直接使用这些功能，如果需要特别功能，可一按照它制定的接口规范分别封装后台代码和js插件。开发起来还是很方便的。

2、phonegap 开发在android中出现的一些问题

      （1） 应用启动速度比较慢

由于phonegap 开发大多使用的是 单页模式（Single-Page application）,所以 html，css ，js 等资源都需要加载到webview中，所以如果资源过大，程序启动会比较慢，程序启动会经历以下几个过程， app启动此时会显示系统画面、开始加载资源 此时会白屏、呈现页面

      （2）文本框问题

android2.x 系统文本框问题比较多，总结下来有以下几个问题

1、文本框每次只能输入一个数字

2、不能输入数字9

3、文本框不能输入汉字

4、文本框获取光标后会漂浮出另外一个文本框

       列出我坑爹的解决方案

       1、一般是因为样式里加了这行-webkit-user-select: none;

2、这个问题太奇怪了，最后我是用js拦截按钮输入的方式，把这个数字补上去

3、如果页面之间切换是以动画的方式切换的，就会出现这个问题，建议在2.x的系统上取消动画（左右滑动），可以改成淡入淡出

4、这个问题是因为解决的问题1之后产生的新问题，我还没有解决，有解决方案的朋友麻烦告诉我以下

（3）键盘的隐藏

当我们切换页面的时候键盘一般不能自动隐藏，这个问题在android 和ios 中都存在，解决方式只能是自己封装插件来控制键盘的显示和隐藏

         （4）弹出键盘盖住了 要输入的文本框

           好麻烦，我的解决方案是弹出键盘是捕获到iscroll 的事件然后获取到文本框离页面顶端的距离，将页面上移这个距离，当键盘隐藏的时候再移回来