随着移动互联网的普及，移动网站的访问量也呈爆炸式增长的趋势。根据最新的统计，国内一些大型的搜索、视频和社交类网站的移动访问量已经超越了PC端。移动Web的兴起不仅极大地方便了我们的工作和生活，“从前端到终端”的移动化浪潮也给前端开发者带来前所未有的机遇。然而，即使是在PC端经验丰富的前端开发者进入移动开发领域也并不是那么容易。他们会遭遇到之前没有遇到过的问题：如何适配不同大小的屏幕、如何兼容安卓的众多版本、为什么有些CSS属性在手机上不生效、手机上的click事件为什么会有延迟等。
前端走向终端
好在，从前IE6时代到HTML5时代，从PC时代到移动时代，从页面制作到全栈时代，拥抱变化已经成为印在优秀前端工程师骨子里的特质。学习，了解，不停地学习，不停地了解……前端工程师就是在这样的一个循环过程中不断见证着技术的发展，创造出越来越人性化的交互和人机界面。社区人气颇旺的前端大师Peter-Paul Koch，同样在拥抱变化。他从2008年就开始对移动Web的深入研究，以非凡的耐心和毅力为大家整理出了各种常见浏览器的特性支持列表，并将所有成果化作《移动Web手册》一书。 PPK认为，移动Web和桌面Web并没有本质的区别。开发移动网站和开发桌面版本基本上是一样的，尤其是考虑到响应式设计的技术允许我们在大的电脑显示器和小的手机屏幕上使用同一套CSS。事实上，“移动Web”可以理解为“运行在比你听说过的还要多的浏览器上的支持小型触摸屏的网站”的缩写。我们最好把移动Web开发看作常规的Web开发之上的一层，其中包含了一些新概念和技术。只有理解了它们，才能创造出超凡的移动体验。
聚焦移动开发
移动开发层最终可以浓缩为以下三个话题。
1.在电脑上，我们只有五种浏览器，但是在手机上有二三十种之多。它们并非完全独立的浏览器，其中的很多只是基于同一浏览器的不同版本，尤其是安卓WebKit。为什么会这样？该如何处理这么多版本的差异呢？为什么安卓上的浏览器会这么复杂？移动浏览器市场将会如何发展呢？
2.在电脑上，只有一个视口（Viewport）：浏览器窗口。而手机上的视口有两种，现在又引入了第三种。为什么需要这个多的视口呢？它们是如何工作的呢？
3.桌面浏览器有键盘和鼠标事件，而触摸屏需要特殊的JavaScript事件来响应用户的操作。这看起来很合理，但是微软并不这么认为。他们提出了一个关于JavaScript事件与交互模式之间关系的有趣哲学问题。在实践层面，触摸（touch）事件有一些你必须要了解的独有的特性。
移动价值链
而要真正理解上述三个话题的含义，则须先理解移动世界。与桌面端相比，移动端如此不同。比如，移动网络运营商所扮演的角色与桌面设备的网络提供商的角色完全不同。移动价值链从网络运营商展开，经过了设备供应商、软件制造商，还有面向消费者的服务提供商。
跟随一部手机
在探索细节之前，我们需要了解大局。所以，让我们跟随一部手机，从最开始到它最终进入消费者的口袋进行探究。假设三星公司决定生产一款新的高端智能手机。日程上的第一件事情就是，弄清楚它能够给一部价格合理并且还能赢利的手机提供什么样的组件。紧接着就是选择什么样的操作系统，比如最常见的选择就是安卓。然后开始设计这款手机：硬件、UX以及在默认的安卓软件上的改变。还有，三星公司会决定把自己的哪些应用包含到这款手机的固件中。此时，这款手机会被发布。关于它的市场资料会被创建，并且通过往常的公关渠道传播出去。三星公司希望在即将到来的发布中引发一波关注。 现在三星公司开始跟即将对这款手机进行补贴的运营商进行协商。他们会针对大量的折扣，在运营商商店里的摆放，以及就营销方案进行讨论。在无补贴的国家，营销相对来说更为重要，所以计划就这么拟定了。接下来就是在三星的工厂中根据原型和最终版本进行实际生产，测试单元被发往战略合作伙伴，然后关于这款手机的最终反馈会被发布。三星商店、运营商，还有独立商店现在会拿到他们的手机。通常情况下，手机的发布不会在所有国家同时进行，这也是为什么有些手机无法遍及全世界。如果三星公司卖给运营商部件，会有额外的一步：运营商希望把他们自己的应用程序装到手机里，也许是定制启动画面，或者主界面，甚至是浏览器。（有一次一个运营商居然把HTML的<li>硬是改了一个颜色，那甚至不是他们的品牌颜色，我都不知道他们在想些什么。）现在主要的营销活动启动了。三星公司依赖于无补贴市场的营销活动。尽管在补贴国家，运营商会保证消费者在他们的商店里尽量购买这款新手机，但有些额外的营销并不会伤害彼此。从开始到进入市场，这个过程会持续至少六个月，而且有可能会长达一年。通常情况下，公司越大越官僚主义，就有越多的人们需要预定这款手机，这样会导致延迟发货。这就给了小的设备供应商一个机会，尤其是中国的供应商，比如小米；因为他们有更快的发布环节，他们能够更快速地响应市场的新趋势。这六个月到一年时间的评估是建立在采用已有的操作系统之上的：如果是一个新的没测试过的操作系统，这个过程会再额外花六个月到一年时间，因为为了让操作系统能正常工作，还需要一些软件的迭代过程。（这就是为什么你不应该相信任何关于一个新的操作系统会在来年发布的新闻，因为根本不可能。）
什么是智能手机
通常，三星和其他老牌设备供应商发布的主要新设备都被冠以“智能手机”。但是究竟什么是智能手机？为什么我们需要关心是否是智能手机？智能手机和非智能手机的分界线有点随意，在很大程度上是由于历史偶然而存在的，而且对Web开发者来说并不重要。我们关心的是一部手机是否有浏览器。不幸的是，市场分析者只关心它是否“智能”。在2010年之前，手机被分为基础手机、功能手机，还有智能手机。基础手机只能够打电话和发短信。智能手机被非官方地定义为：允许用户安装应用程序且运行知名操作系统的手机。功能手机就是两者之间的任何手机：提供的功能比基础手机多，比智能手机少。特别是功能手机无法让用户在上面安装应用程序。现在，智能手机和功能手机之间的分界线已经很模糊了，现在几乎所有具备比打电话、发短信更多功能的手机都是智能手机。不幸的是，我们仍然沿用了2010年的定义。安卓手机都是智能手机，因为在2010年就是这么分类的，而S40手机也因为这个原因被分到功能手机范围，尽管S40手机现在允许安装应用程序并且能够与便宜的安卓设备竞争。对于Web开发者，智能手机和功能手机之间的分界线完全是随意的。NokiaS40设备拥有浏览器而且被广泛使用，特别是在非洲，那里的消费者没有其他能联网的设备。因此对于Web开发者来说瞄准这些地区很重要，尽管这只是一部功能手机——而且根本不被算到智能手机统计中。 这个问题会自行解决的。智能手机变得越来越便宜，最终它们会取代整个功能手机领域。之后任何能做比打电话、发短信更多事情的手机都会是智能手机。目前，智能手机和功能手机之间随意的差别，是讨论移动市场份额时突然冒出来的一个问题。
全球设备市场
全球设备市场把我们带到了移动市场份额最复杂的问题面前。什么类型的设备正在热卖？每种型号各卖了多少？稍后我会提供一些数字和解释性说明，但事实证明，这些问题都出奇地难以解答。假如我们先定性地讨论全球设备市场，将会有助于这些问题的解答。首先，说一些废话。一般来说，越贵的手机在越富裕的国家出售，越便宜的手机就在越贫穷的国家出售。我们已经讲过这些原因了：在越富裕的国家，消费者越有钱，而运营商就会提供补贴，让消费者更容易买到€600的手机；在越贫穷的国家，人们的钱越少，而运营商也不会提供补贴。 不过，这只是一个概括。贫穷国家里富裕的精英们有很多钱，所以他们能够买得起任何东西。新兴中产阶级的消费者也可能出于地位原因买昂贵的智能手机（有时候是额外购买的，他们实际上日常使用的是简单的手机）。可能富裕国家的中产阶级没有购买智能手机的需求而买了较便宜的手机。不同的国家流行的手机品牌可能不同。当世界的大部分国家都在2010~2013年心怀敬畏地目睹了诺基亚的衰亡，而美国却与众不同地保持着兴高采烈的状态，因为诺基亚从来没有成功抢占过美国市场，而且不是一个已建立的品牌。摩托罗拉却完全相反：它在美国还很受欢迎，但是在其他国家却没什么影响力。而黑莓虽然在全球化陨落，但它在印度尼西亚还有一些追随者，依然保留了10%的英国手机浏览器市场份额。 一般的规则无法帮助我们分析更深的问题。最根本的教训就是所谓的全球设备市场压根不存在。相反，有许多的区域市场，而且，虽然你可以汇总数据得出全球的统计数据，但是这些数据不会告诉你任何关于特定市场的有用信息。在人口统计、文化、品牌知名度，还有可支配收入上有太多的不同，以至于无法给移动手机市场定义出概括的世界范围的规则。
寻找合适的统计
关于收集移动统计数据的一个挑战便是了解哪些信息是有用的。销售市场份额一般都被广泛使用，因为这些数据对于投资者和股票市场很重要。这样我们就粗略地了解了每年卖出了多少手机，还有手机厂商的市场份额是多少。然而，纯粹的销售数据对我们Web开发者来说并不都那么重要。更重要的是使用量份额（installed base share）——人们兜里揣着什么类型的手机。销售统计告诉我们在不久的将来消费者将会购买哪些类型的手机，而使用量统计则告诉我们，如果消费者想要浏览网页，他们现在会打开什么类型的手机。现在我们已经普遍且很高兴地了解到，在发达国家已经很难再卖出任何安卓设备了，但是还有很多人仍然揣着一部旧的安卓手机。当然，当他们买了一部新手机时就可以转向安卓4了，但实际上还没有发生这样的好事。如果他们现在想上网，他们可能会用安卓Webkit 2——并不是最好的浏览器。你的网站为这种情况准备好了吗？手机或者操作系统的使用量比它的销售市场份额的增长慢得多。在发达国家，消费者一般每两年买一部新手机，因为这是跟运营商签订的合同的平均时间长度。因此，在任何一年至少有一半的消费者不会购买新手机，而是继续使用他们现在的手机。所以如果安卓占有年销售份额的70%，那么在那年末只有35%的消费者会有一部新的安卓手机；大于35%的消费者可能会在来年转向安卓手机，但是现在还用着别的手机。使用量衡量的就是这种影响。 但是甚至使用量也不是我们真正想要的数据。我们等会儿将看到，安卓的销售份额在2013年是78%，而它的使用量大约是65%。然而，它的浏览市场份额只有35%。这种差异的原因引起了激烈的讨论。难道安卓用户真的比iOS 用户更少浏览网页吗？销售数据搞错了？检测脚本有误？
我们所看到的全球统计数据是谁收集的呢？移动手机市场由好几家公司分析，但是下面我使用的汇总数据是由 Tomi Ahonen创建的，他是一个移动分析者以及前诺基亚高管。他作为一位敏锐的移动统计专家而享有盛誉，而且很难找到比这更好的，且不是来自统计公司的统计数据了。同时，Tomi 并不偏重某一家操作系统或者厂商，也就意味着他的数据是尽可能客观的。这些数据来自http://smashed.by/mwhb1。操作系统销售的本地统计来自另一个地方，下表有说明。
尽管讨论本身很有趣，但是最终我们Web开发者并不关心整个手机市场。我们只需要满足那些真正用他们的设备浏览网页的人们。因此，安卓的内置浏览器（安卓Webkit 和Chrome加起来——我们会在“安卓”这一章回到这个话题）和iOS Safari值得关注的程度大致相当（后者的占有率是25%）。安卓的销售额和使用量比 iOS的高得多的事实已经无关紧要了。 即使是浏览器市场份额的综合报告也并不是那么重要。到最后，真正重要的是人们访问你的客户的网站时用的是什么浏览器。那么你应该去向你的客户索要他们的访问日志，并分析浏览器的分布。只有当你的客户什么也不能提供时你才需要参考全国范围的总结统计。
相信，这趟快速的有关移动世界的旅程一定给了我们一个清晰的概念——其与传统桌面世界完全不同！
