移动Web研发流程介绍.pdfVIP

接触MobileWEB前端开发将近一年时间了，在这不算短的时间里，通过吸取圆心、沉 鱼等前辈们的经验以及不断的摸索和实战，总结出一套自己的MobileWEB“研发流程”。为 什么叫“研发”流程而不是“开发”流程，在下文中会进行解释。首先我们来看一下“研发”的流 程图： 1. “ ” ? 1. “ ” ? 11.. 为什么要叫““研发””流程?? 我们知道，对于传统的WEB前端开发，一般情况下我们需要关注的操作系统/浏览器 情况如下： 操作系统：Windows/MacOS 浏览器：IE(6、7、8)/Firefox/Safari/Opera/Chrome 这些操作系统和浏览器的基本状况如下： ◆ 市场占有率和使用分布情况相对稳定 ◆ 比较开放，厂商对开发人员的支持较好 ◆ 不同操作系统下，浏览器渲染情况差别不大 经过前端开发者们的长期研究和总结，它们的渲染特性、标准支持情况基本家喻户晓 而在MobileWEB前端开发领域，状况则相当的混乱，我们需要关注的东西则复杂多了： 操 作 系 统 (((( 平 台 )))) ： Symbian(S40/S60/S80/S90)/iPhoneOS/Android/WM(WinCE)/MTK/Linux/BB/PalmOS/Ma emo(Meego)… 内 置 浏 览 器 ： Symbian/Chrome Lite/iPhone Safari/MTK/IE Mobile/BB Browser/Opera(OEM)/… 第三方浏览器：OperaMini/OperaMobile/Skyfire/NetFront/UCWEB/QQ浏览器/Go浏 览器/… 这些操作系统和浏览器的基本状况则是： ◆ 市场占有率和使用分部情况不稳定，新机型、新浏览器会很容易占领市场 ◆ 大部分内置浏览器不够开放，操作系统和浏览器厂商对开发人员的支持很不到位 ◆ 不同的操作系统、不同的浏览器下，相同系统下的不同浏览器，相同浏览器在不同 的操作系统下，甚至同一个系统或浏览器的不同版本，都可能会导致页面效果产生很大的差 异(很绕口，其实就是排列组合) ◆ 由于兼容性方面的研究非常稀少 尤其在国内 ，加上操作系统和浏览器的封闭和日( ) 新月异的变化，我们对它们特性的掌握程度也是基本空白 经过比较，我们可以很快发现，想要让我们的MobileWEB在更多的客户端上表现完美， 我们需要大量的时间和精力去了解、去掌握各个操作系统、平台、移动浏览器的特性，只有 对它们有了一定程度的了解和掌握，我们才能更深一层的驾驭MobileWEB兼容性开发。 因此，“研发”包含了“操作系统、浏览器研究”和“MobileWEB开发”两个部分。 2. 2. 22.. 循序渐进的周期性研究 如前所述，我们想要对移动设备的操作系统和浏览器们进行研究，需要花费大量的时间 和精力。罗马不是一天建成的，胖子也不是一口吃出来的。我们需要一个循序渐进的过程， 一个长期性的研究，经过不断地积累点滴经验，才能够逐步了解这些特性。另外，移动设备 更新频繁，新机型和新浏览器日新月异，我们也需要阶段性地跟进最新发展情况。因此，这 就是需要周期性研究的原因： 需要大量的时间和精力 移动设备更新频繁 在MobileWEB前端开发只有一个的情况下，建议每隔半年进行一次系统的研究，为兼 容性开发打下基础。在此后的半年内，MobileWEB页面的前端开发都将基于此次研究结果， 一般不需要再对页面进行兼容性测试。对于兼容性测试，之前很多文章中提到过，下面也会 再次提到。 3. 3. 关于兼容性测试 33.. 兼容性测试，是WEB开发和MobileWEB开发都必不可少的步骤。但是在流程上，后 者跟前者却有着很大的区别。 WEB前端开发是在页面开发后做浏览器兼容性测试 而MobileWEB前端开发却是在页面开发之前做浏览器兼容性测试 移动浏览器不像桌面浏览器那么轻松地查看做好的页面效果，试想，如果跟WEB前端 开发流程一样的话，每做完一张MobileWEB页面，就要搞一大堆测试机进行测试查看对比 效果，发现问题修改然后再测试，这会