html5移动开发 有什么不同

Question

如题所述

Answer 1

html5移动开发跟pc开发区别还是有的，如下几点；

移动端不需要 300ms 的单击确认，所以不要监听 click 事件
2. 移动端网络一般较慢，如何减小页面体积及请求数，利用好缓存
3. 移动端需要点击的元素及其间隔不能太小，考虑手指的面积
4. 横屏和竖屏下的表现
5. 不同浏览器间的兼容性（太多了，如 position:fixed）
6. Retina 屏图片会不会模糊
7. 输入状态键盘会不会挡住输入内容
8. 在浏览器上点击后退的行为
9. 某些浏览器（如 Safari）的隐私模式下 cookie 和 localStorage 的替代方案

总的来说屏幕变小了要做相应的适配跳转是最大的不同。

Answer 2

　总体上应该一样，技术体系都差不多。不过pc需要兼容的浏览器更多些,mobile下andorid,ios都是基于webkit，所以相对好些。
　　移动前端开发可分为：
　　1、手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。
　　2、app前端开发。使用的技术也是html+css+js，但它需要基于PhoneGap等开发平台调用手机核心功能接口（包括地理定位，加速器，联系人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。