html5移动开发跟pc开发区别还是有的,如下几点;
创新互联是创新、创意、研发型一体的综合型网站建设公司,自成立以来公司不断探索创新,始终坚持为客户提供满意周到的服务,在本地打下了良好的口碑,在过去的10多年时间我们累计服务了上千家以及全国政企客户,如成都三轮搅拌车等企业单位,完善的项目管理流程,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称赞。
移动端不需要 300ms 的单击确认,所以不要监听 click 事件
2. 移动端网络一般较慢,如何减小页面体积及请求数,利用好缓存
3. 移动端需要点击的元素及其间隔不能太小,考虑手指的面积
4. 横屏和竖屏下的表现
5. 不同浏览器间的兼容性(太多了,如 position:fixed)
6. Retina 屏图片会不会模糊
7. 输入状态键盘会不会挡住输入内容
8. 在浏览器上点击后退的行为
9. 某些浏览器(如 Safari)的隐私模式下 cookie 和 localStorage 的替代方案
总的来说屏幕变小了要做相应的适配跳转是最大的不同。
用html5做的移动端网站好处如下:
1. 上手迅速并支持快速迭代,与Android和iOS相比,使用JQuery Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多。此外,要使用原生代码将一个list view连接到远程的数据源并具有漂亮的外观是十分复杂的
2.避免麻烦的应用商店审批过程以及调试、构建带来的痛苦:为手机开发应用,尤其是iOS系统的手机,最痛苦的过程莫过于通过Apple应用商店的审批。想要让一个原生应用程序发布给iOS用户,需要等待一个相当长的过程(需要好几天,甚至可能是好几周)。不仅在第一次发布程序时要经历磨难,以后的每一次升级也是如此。这使得QA和发布流程变得复杂,还会增加额外的时间。进一步的好处是,发布beta或测试版本会更加容易。只要告诉用户用浏览器打开你的网址就可以了!不需要考虑iOS令人抓狂的DRM,也不需要理会Android必须的APK。
3.支持跨平台和跨设备开发:一个巨大的好处是,应用程序马上可以在Android和IOS上工作,同样也可以在其他平台上工作。作为一个独立开发者,为不同的平台维护基础代码是一项巨大的工作。为单个手机平台编写高质量的手机应用需要全职工作,为每个平台重复做类似的事情需要大量的资源。
下面再来总结下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
Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。
DHTMLX Touch UI
Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLX
Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop
(一个电子书店应用)。