html5mobile的简单介绍

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

html5移动开发有什么不同

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

移动端不需要 300ms 的单击确认，所以不要监听 click 事件

2. 移动端网络一般较慢，如何减小页面体积及请求数，利用好缓存

3. 移动端需要点击的元素及其间隔不能太小，考虑手指的面积

4. 横屏和竖屏下的表现

5. 不同浏览器间的兼容性（太多了，如 position:fixed）

6. Retina 屏图片会不会模糊

7. 输入状态键盘会不会挡住输入内容

8. 在浏览器上点击后退的行为

9. 某些浏览器（如 Safari）的隐私模式下 cookie 和 localStorage 的替代方案

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

相关问答

Q1: 用html5做的移动端网站有什么好处

用html5做的移动端网站好处如下：

1. 上手迅速并支持快速迭代，与Android和iOS相比，使用JQuery Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多。此外，要使用原生代码将一个list view连接到远程的数据源并具有漂亮的外观是十分复杂的

2.避免麻烦的应用商店审批过程以及调试、构建带来的痛苦：为手机开发应用，尤其是iOS系统的手机，最痛苦的过程莫过于通过Apple应用商店的审批。想要让一个原生应用程序发布给iOS用户，需要等待一个相当长的过程（需要好几天，甚至可能是好几周）。不仅在第一次发布程序时要经历磨难，以后的每一次升级也是如此。这使得QA和发布流程变得复杂，还会增加额外的时间。进一步的好处是，发布beta或测试版本会更加容易。只要告诉用户用浏览器打开你的网址就可以了！不需要考虑iOS令人抓狂的DRM，也不需要理会Android必须的APK。

3.支持跨平台和跨设备开发：一个巨大的好处是，应用程序马上可以在Android和IOS上工作，同样也可以在其他平台上工作。作为一个独立开发者，为不同的平台维护基础代码是一项巨大的工作。为单个手机平台编写高质量的手机应用需要全职工作，为每个平台重复做类似的事情需要大量的资源。

Q2: html5 移动开发框架

下面再来总结下HTML5还有哪些框架是适合面向手机设备的开发的。

1、jQuery Mobile

jQuery

Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile

不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery

Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。

2、jQTouch

jQTouch 是一个 jQuery 的插件，主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。

3、DHTMLX Touch

　DHTMLX