移动html5开发,html5移动端开发

html5移动开发 有什么不同

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

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

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

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

4. 横屏和竖屏下的表现

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

6. Retina 屏图片会不会模糊

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

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

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

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

相关问答

Q1: 利用HTML5开发移动应用有哪些优点

优点主要有下面几个

离线缓存为HTML5开发移动应用提供了基础

音频视频自由嵌入，多媒体形式更为灵活

地理定位，随时随地分享位置

Canvas绘图，提升移动平台的绘图能力

Q2: 如何在移动设备上调试html5开发的网页

1、打开手机web检查器。

通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

2、链接电脑（Mac）

2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）

2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：

2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：

3.调试网页

此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（点击查看大图）：

Q3: 移动端HTML5如何开发

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

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

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

4. 横屏和竖屏下的表现？

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

6. Retina 屏图片会不会模糊？

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

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

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

Q4: html5移动开发有什么优势

HTML5的前景是非常好的，企业现在安卓、iOS开发人员都在学习HTML5混合开发，节约成本、一专多能是未来很多企业用人趋势！HTML5工程师在今后的工作中与Android、iOS工程师对接的几率非常大。混合式开发思想培训出来的学员比单一课程学员薪水高至少2000元，同时企业也更愿意去花更多的钱来聘请那些了解比较全面的开发人员！混合式开发讲师需要同时精通Android、iOS、HTML5等多门课程，这样才能在教学过程中融合混合式开发思想，让学员能够同时了解一些与本课程最相关的技术，为学员今后在工作中的对接和配合工作提供极大助力，对学员今后的职业发展也会有很大帮助。可以参加HTML5培训班的学习，拥有“混合式开发特聘讲师”这一大特色的，混合式开发课程对讲师的要求非常之高，至少同时具备3年或以上教学和技术经验的讲师才可以胜任，这是其他机构无法提供的！学习主要也是靠自己的，现在HTML5很火，前景未来5~10年内绝对好，好好学习拿高薪工作是没问题的。