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

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

本节书摘来自异步社区《HTML5和JavaScript Web应用开发》一书中的第2章,第2.1节,作者:【美】Wesley Hales著,更多章节内容可以访问云栖社区“异步社区”公众号查看

第 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。

相关文章
|
1月前
|
存储 移动开发 大数据
HTML5 Web IndexedDB 数据库详解
IndexedDB 是一种高效的浏览器存储方案,允许在本地存储大量结构化数据,支持索引和事务,适用于需要离线和大数据处理的应用。它由数据库、对象仓库等组成,通过键值对存储数据,确保数据一致性和完整性。本介绍展示了如何创建、读取、更新和删除数据,以及事务和错误处理的最佳实践。
|
1月前
|
开发框架 JavaScript 前端开发
使用 Node.js 和 Express 构建 Web 应用
【10月更文挑战第2天】使用 Node.js 和 Express 构建 Web 应用
|
2天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
11 4
|
22天前
|
XML JavaScript 前端开发
JavaScript控制台:提升Web开发技能的秘密武器
作为Web开发人员,掌握JavaScript控制台中的各种方法至关重要。本文介绍了22种实用的console方法,从基本的log()到高级的profile()和memory,每种方法都配有示例和说明,帮助开发者更高效地调试和记录信息。通过了解这些工具,您可以优化代码、提高开发速度,减少错误,使编码过程更加顺畅愉快。
33 1
JavaScript控制台:提升Web开发技能的秘密武器
|
11天前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
16 4
|
30天前
|
设计模式 JavaScript 前端开发
浅谈JavaScript 框架在现代 Web 开发中的作用
浅谈JavaScript 框架在现代 Web 开发中的作用
35 12
|
22天前
|
存储 JavaScript 前端开发
深入探索 Vue.js:构建现代 Web 应用的利器
【10月更文挑战第11天】深入探索 Vue.js:构建现代 Web 应用的利器
14 1
|
24天前
|
JavaScript 前端开发 网络架构
如何使用Vue.js构建响应式Web应用
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用
|
24天前
|
JavaScript 前端开发
如何使用Vue.js构建响应式Web应用程序
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用程序
|
29天前
|
Web App开发 前端开发 JavaScript
JavaScript Web Full Stack 全栈开发者路线及内容推荐
本文详细介绍了一条全面的JavaScript全栈开发者学习路径,涵盖基础知识、前端和后端开发、数据库与API、MERN Stack与React Native、工程化与部署、安全与测试、未来趋势等方面。推荐了HTML5、CSS3、JavaScript(ES6+)、Node.js、React.js、Vue.js、Svelte、Tailwind CSS、Web Components等关键技术,并提供了丰富的书籍、博主和在线资源。此外,还回顾了JavaScript的历史,并推荐了多个活跃的社区和平台,帮助开发者紧跟技术前沿。