来说说HTML5应用

离开上家做社交产品的公司后进入了互联网保险行业。

企业为了缩减开发成本，也为了更敏捷的迭代，越来越多的互联网企业使用了：

HTML5 来打包应用或直接使用公众号内的HTML5。

而我也有幸在现在的公司开始设计HTML5的产品，

下面我来说下我总结的这个项目中总结的一些经验：

**1、**请单独订制 sheet 控件、 **picker 控件，**千万不要使用HTML中的 option 标签。

下图是我举的一个例子：

理由一：iPhone中通过HTML5调取的picker没有“取消按钮”，也就是说，只要激活后只能点击完成来关闭，而点击完成后将可能会变更选项。你可能会说那就激活选项记忆上次所选择的选项呗，抱歉HTML5做不到。

理由二：弹出控件不能添加控件提示文案，非常不友好。

理由三：Adroid系统下各个不同版本，调取的控件样式会千奇百怪，不忍直视。

2、需要考虑哪些页面是可以直接缓存的，毕竟你也不希望总是打开一个页面就刷新一次吧？譬如功能性的页面以及详情页面是不常变动的，就没必要每次打开都刷新。

3、对于HTML5页面展示的电话号码，iPhone是可以直接识别并拨打电话的，但是Android浏览器是无法识别的手机号码的，需要技术去想办法解决下。

4、HTML5获取地理位置信息的弹窗文案只能由系统提供，那就意味着获取GPS位置信息的弹窗会不太友好，用户可能不理解而直接点取消。

5、虽然说跨平台，但是安卓手机配置不一样，浏览器内核兼容性不一样，所以适配依然是恒久的话题。

6、HTML5里面，苹果的系统自带的手势，滑动边界返回上个页面是实现不了的。

7、与Android手机的返回键控制需要注意，Android用户习惯用手机自带的返回键取消关闭弹窗，但是HTML5中，点击手机自带的返回键默认是返回上一页，所以这点需要注意。

8、对于键盘不能订制自定义，只能在input 中仅有的几类键盘进行选择。所以在设计身份证弹出键盘时，一定不要用纯数字键盘，因为有些人尾数可能是X.

以上就是我对HTML5项目的一些总结，欢迎拍砖交流。