《HTML5和JavaScript Web应用开发》——第 2 章 移动Web 2.1移动优先

第 2 章 移动Web

2013年,消费者将会购买10亿部具有HTML5功能的移动设备。今天,半数的美国成年人拥有智能手机,也就是1.5亿人,其中28%的人将移动设备作为访问Web的主要手段。支持HTML5应用程序的浪潮正在涌来,开发人员正将重点转向移动开发。

即使在大型企业环境中,移动浏览器的统计数字也在上升,但我们仍然要面对这个事实—1/3的互联网用户仍然使用Internet Explorer 9以前的版本访问互联网。事实上,在某些情况下,这些早期的Internet Explorer用户占据网站访问者的2/3。随着时间的推移,桌面用户将会升级到较新的浏览器版本和更好的浏览器,但是在我们推进Web,建立在所有浏览器上都能引人入胜的应用时,还必须创建一个稳固的架构,努力为用户提供最好的体验。

对于我们的Web项目和产品,Web浏览器的功能意味着一切。不管是为了兴趣、利益还是人类的整体进步,理解应该怎样为桌面和移动用户提供设备都很重要。本章的目标是找出所有浏览器的共同基础,了解构建今天的Web应用所需的部件。

移动Web指的是为移动设备(例如可以实现无线连接的智能手机或者平板电脑)创建的、基于浏览器的应用。从2008年起,Web的重心转向移动浏览器,为当今的Web开发人员和用户提供更好的生活质量。但是,当你开始在大量的设备和浏览器上测试新的移动Web应用时,你可能会困惑于应该支持什么平台,应该使用哪些HTML5特性来构建应用。

不管你是热爱HTML5、W3C标准的Open Web专家,还是刚刚接触HTML1的新用户,本章将为你介绍最新的代码、趋势和市场调查,帮助你为下一个Web项目做出正确的决策。还在等什么?好好学习吧!

2.1 移动优先

首先,我们要抓住重点。将移动设计和开发放在桌面之上曾经被认为是荒唐可笑的,而几年前,“移动优先”思路的提出给Web开发人员带来了新鲜空气,让大家领略了移动设备上基于HTML5 API进行的硬件访问。

除去最明显的因素外,考虑移动优先还有几个理由:

  • 为受限制的设备和分辨率开发网站,可以创建流动性更强、更灵活的内容。
  • 设备特性(例如加速计和地理位置硬件)利用“增强现实”等技术提供了新的商机。
  • 整体上,移动优先要求我们考虑代码质量。今天,开发人员在使用CSS进行硬件加速动画时必须考虑电池寿命,这种开发质量不仅能带来更好的性能,还能鼓励你关注更清晰的语义。
  • 随着你放弃以桌面为中心的Web开发,移动浏览器让你看到未来,你能够站在时代前沿,接触新的规范和特性。

令人遗憾的是,移动Web还不能做到编写一次,到处运行。在规范最终定稿、特性都被实现的时候,互操作性的目标就可以达到。但是,在今天的移动浏览器中,我们还无法得到大体上一致的浏览器。尽管新的平板电脑和手机不断发行,它们试图达到与HTML5一致的水平,但在一段时间内,它们还必须支持旧的“分裂”设备。所以,毋庸讳言,iPhone 3G和没有升级到Android 4的任何设备都是移动时代的IE6。

时间: 2024-09-25 00:34:42

《HTML5和JavaScript Web应用开发》——第 2 章 移动Web 2.1移动优先的相关文章

HTML5移动应用开发第4章:Web Workers来加速您的移动Web应用

在本文中,您将使用最新的 Web 技术开发 Web 应用程序.这里的 大部分代码只是 HTML.JavaScript 和 CSS - 所有 Web 开发人员的核心技术.所需的最重要的工具是用于进行测试的浏览器.本文大部分代码将在最新桌面浏览器上运行,但也有一些例外,我们将在文章中进行说明.当然,您也必须在移动浏览器上测试,为此,您需要最新的 iPhone 和 Android SDKs.本文将使用 iPhone SDK 3.1.3 和 Android SDK 2.1.本文的样例还将使用一个代理服务

Google Web App开发指南第二章:交互设计

首先掌握基础 借用篮球界一个传奇人物的话,在你做任何事之前,你必须"首先掌握基础".(说出这句话的是波士顿凯尔特篮球名宿Larry Bird,他同时也是一个Web App爱好者.)所有伟大的Web Apps都必须有一个清晰的集中点. 创建清晰的需求描述 伟大的web apps让用户很容易集中注意力.人们在某段时间内只能集中于少数几件事,因此,与那些提供给用户很多选择和很多特性的web apps相比,人们更喜欢那些没有干扰能让用户轻松完成手头任务的应用. 为了确保你的应用有一个集中点,创

为我的 web os 开发的第一个应用web erp系统预览版,欢迎大家观摩指正!

问题描述 为我的webos开发的第一个应用weberp系统预览版,欢迎大家观摩指正!webos的开发而设计了一个崭新的开发框架,目标是快速开发各种web应用软件,目前尝试开发了第一个erp系统,欢迎大家观摩指正!webos将扩展集成各种已知和未知的应用,其中包括:各行业知识搜索引擎,erp,OA,进销存,财务,出纳管理,C2C,在线excel,在线word,博客,论坛,相册等免费服务为了这个目标我从头开始,完全自主设计了一个能快速开发这些应用的开发框架,下面的erp就是在我这个开发框架上开发出的

《HTML5完美游戏开发》——第1章 Open Web Game王国

第1章 Open Web Game王国 本章将介绍通过HTML5和JavaScript等技术开发Open Web Game的理念,包括这些技术带来的一些新特性,如GamePad API可以摆脱键盘和鼠标输入.在本章结束部分,介绍了如何发布游戏,以及如何让游戏给你带来盈利.另外,本章还列举了一些在Web发展成为游戏开发平台可行性方案的过程中,必定要发生的几个事件. 1.1 Open Web Game简介 我叫Rob Hawkes,是一个串行实验者(serial experimenter),专注于J

Web前台开发工程师如何定位自己

先给前台开发工程师的工作下个一句话定义:运用前端技术,实现体验的良好传达.如果在前面加上 Web,那么是针对 Web 这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如IPTV)包含在内,因为其理念是一致的. 现在要在未毕业的学生中找到一个符合技能条件的 Web 前台开发工程师可以说是少之又少.而相关领域的从业者,又因为不被重视.干杂活.薪水低等原因,觉得选错了行当,又停止了在这个方向上的努力学习.最终导致企业招不到一位满意的 Web 前台开发工程师.这涉及到两个定位的问题,即

《Web前端开发最佳实践》——导读

前 言 Web前端开发入门难度并不高,但是初学者如果没有一个很好的学习和编码习惯,则开发水平的提高速度会变得很慢.下面几点是影响Web前端开发者技术提高的主要因素. 其一是开发者缺乏良好的实践指导.Web前端兴起的时间不长,很多大学都还没有来得及开一门专门讲解Web前端的课程,因此,大部分的Web前端开发者都是通过自学的方式来了解Web前端相关的技术.开发者学习前端技术的渠道很多,其中很大一部分是通过查找网络资源的方式,而网络上充斥着大量的错误或者过时的实践方法,这些实践方法很容易误导初学者,使

J2EE平台WEB组件开发中如何使用定制标签

j2ee|web|组件开发 摘要: J2EE PLATFORM WEB组件开发涉及SERVLET 和JSP技术,SERVLET和JSP各有其优缺点.JVAVABEAN和定制标签对JSP的表示能力提供了很好的扩展,大大提高了JSP的表示能力,同时它们的引入使WEB开发可以很好的进行分工,提高开发效率,降低开发成本,同时提高了JSP页面的可读性.重用性.可维护性.本文将介绍J2EE平台WEB组件开发中如何使用定制标签,主要介绍开发定制标签的意义,原理.步骤.在TOMCAT上的发布并给出一个典型的标签

【斗医】【17】Web应用开发20天

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://qingkechina.blog.51cto.com/5552198/1543919     细心的读者可能已发现"Web应用开发50天"改为了"Web应用开发20天",之所以这样调整是因为当时想前20篇只讲解Web基础知识,中间10篇讲解我一直想要封装的Web框架,后20篇将该应用转换为Android应用.但由于最近女儿出生,业余时间都被她占用了,

《HTML5触摸界面设计与开发》——2.6 总结

2.6 总结 HTML5触摸界面设计与开发 在本章中,你学会了如何使用媒体查询来创建样式的分界点.你还学习了viewport 元信息和虚拟像素.请记

《HTML5和JavaScript Web应用开发》——2.2 决定支持

2.2 决定支持 基于目前移动领域的局面,我们必须支持多种平台和浏览器.当你使用HTML5的核心API时,你就被绑定到目标设备所支持的特性上,所以理解当今的移动浏览器及其发展方向至关重要. 编写跨越所有平台和浏览器的Web应用是一个很大的工程.以前,Web应用开发人员不关心桌面电脑是否连接了摄像头或者加速计,Web应用和操作系统及桌面硬件的能力也没有关系.现在,移动Web为我们构建的应用增加了另一方面的支持,浏览器和设备的分裂也令人兴奋,我们现在必须创建兼容不同浏览器.平台和设备的应用.例如,A