4. 研发流程

（提示：如果你真的有兴趣，建议你对比流程图来查看这部分内容）

Mobile WEB的前端开辟流程，其实跟传统前端开辟流程没有什么区别，如图中左侧部分所示：

产品设计（PRD） -> 交互/视觉（Prototype/Mockup） ->前端（Demo） ->后端

而对"研发"流程，则是在常规前端开辟的根本上，增加研究的流程，如图中右侧部分，分为5个步调：

资料收集 ->兼容性研究 ->常规前端开辟流程 ->DEMO测试 ->总结整理

需要注意的是，一般情况下"研发流程"和常规流程是并发同时进行的。也就是说，当我们在起头研发流程时，我们可以顺带产出手头的项目需求，这样在研究的同时不会对需求的开辟周期产生太年夜影响，并可以通过项目来实践我们的研究功能。

下面我们来看一下在各个研发阶段我们的主要任务和期望功能：

第1阶段：资料收集

这里所指的资料，主要是指操作系统/阅读器的拜候统计数据资料。那为什么要获得这些数据资料？

世界上有不成胜数的移动设备，我们不成能去研究所有的设备，因此资料收集的目的就是让我们清楚设备占有率的现状，让我们明确应该去研究哪些设备、抛却哪些设备。就像WEB开辟中，我们仍需要摸索IE6，但其实不需要再去理睬IE5。至于资料，主要应该包含以下几个范畴：

网站内部的拜候统计数据

国内市场的占有率数据

国际市场的占有率数据

其中网站内部的拜候统计数据可以通过公司的相关商业智能部分取得；国内和国际市场属于外部数据，需要破费一些心思去搜索。除善用搜索引擎以外，还要盯准一些权威的统计站。这是我常常使用几个相对靠谱/权威的统计站：

CNNIC互联网研究

天极网调研

易不雅国际

StatCounter

艾瑞咨询网

……（PS.如果你有更好的统计站点，欢迎分享）

当我们取得了我们所需要的资料后，真正具有挑战性的任务来了：我们需要把这些原始数据资料，通过一些科学的适当的手段进行阐发、比较、归并、整理，得出一份品牌、平台、内置阅读器、第三方阅读器的排行文档，为未来的其他数据阐发做参考依据。然后，再通过这份文档，进一步整理出用于兼容性研究的机型、阅读器根本打算方案。在这个任务中，我们的身份似乎畴前端工程师，转到了数据阐发师：）

OK，我们来看一下这个任务完成后的交付功能：

用户设备统计阐发和总结 – 也就是综合排行榜文档

兼容性研究建议方案 – 是做兼容性研究的根本性方案

第2阶段：兼容性研究

在做这个步调之前，有几件事情是需要特别注意的：

公司机型库是否有我们文档中所列出的设备供我们研究

可能需要其它人力来帮忙我们进行测试，因此需要做一个周全的测试打算

OK，这两个问题应该都好降服。一般来讲，排行靠前的主流手机，就算公司手机库中没有，问其他同事应该也比较好借到。第二个问题也更不成问题。所以说，群众的气力是无穷的，我们要学会善于调剂可用的人力资源：）那么这个步调的三个任务流程如下：

设计/更新测试点套装

放置兼容性测试

记实/整理测试成果

测试点套装，通俗的讲就是兼容性测试页面。关于它的介绍，在文章起头我们也提到过，就不再赘述。值得一提的是，随着设备、阅读器的不竭更新，测试点套装的更新也一定是个周期性的工作。在平时，我们应该随时记实一些待测的新特性、一些遗漏点，在兼容性研究时将它们更新上去。

设计测试点套装时，我们可以参考前辈们提供的资源：

W3C MWI测试套装工作组

PPK的移动测试套装

……（PS.如果你有更好的资源，欢迎分享）

兼容性测试的过程，实际是个很有意思的过程。我们在测试过程中，除记实测试点成果外，还可以同时体会该手机平台/操作系统/阅读器的其它特性，感触感染一些设置、操作、交互反馈等特点，通过一段时间的接触，你甚至可以在摸到一款手机便可以知道它是Symbian什么系列的什么型号！很有趣吧。