打仗Mobile WEB前端开辟将近一年时候了，在这不算短的时候里，经由过程吸取圆心、沉鱼等先辈们的履历和赓续的探索和实战，总结出一套自己的Mobile WEB“研发流程”。为什么叫“研发”流程而不是“开辟”流程，鄙人文中会举行诠释。起首我们来看一下“研发”的流程图：
1. 为什么要叫“研发”流程？
我们晓得，关于传统的WEB前端开辟，一样平常景象下我们必要存眷的操纵系统/浏览器景象以下：
操纵系统：Windows/MacOS
浏览器：IE(6、7、8)/Firefox/Safari/Opera/Chrome
这些操纵系统和浏览器的根基状况以下：
市场占有率和应用漫衍景象相对稳固
比拟开放，厂商对开辟职员的支持较好
分歧操纵系统下，响应式网页设计，浏览器衬着景象不同不大
经由前端开辟者们的且自研讨和总结，它们的衬着特点、尺度支持景象根基众所周知
而在Mobile WEB前端开辟范畴，状况则相称的凌乱，我们必要存眷的工具则庞杂多了：
操纵系统(平台)：Symbian(S40/S60/S80/S90)/iPhoneOS/Android/WM(WinCE)/MTK/Linux/BB/PalmOS/Maemo(Meego)…
内置浏览器：Symbian/Chrome Lite/iPhone Safari/MTK/IE Mobile/BB Browser/Opera(OEM)/…
第三方浏览器：Opera Mini/Opera Mobile/Skyfire/NetFront/UCWEB/QQ浏览器/Go浏览器/…
这些操纵系统和浏览器的根基状况则是：
市场占有率和应用分部景象不稳固，新机型、新浏览器会很轻易占领市场
大部分内置浏览器不敷开放，操纵系统和浏览器厂商对开辟职员的支持很不到位
分歧的操纵系统、分歧的浏览器下，相同系统下的分歧浏览器，相同浏览器在分歧的操纵系统下，乃至统一个系统或浏览器的分歧版本，都能够会致使页面结果产生很大的不同(很绕口，实在就是布列组合)
因为兼容性方面的研讨十分希少(特别在国际)，加上操纵系统和浏览器的封锁和一日千里的转变，我们对它们特点的控制程度也是根基空缺
经由比拟，我们能够很快发明，想要让我们的Mobile WEB在更多的客户端上施展阐发完满，我们必要少量的时候和精力去熟悉,、去控制各个操纵系统、平台、挪动浏览器的特点，只需对它们有了必定程度的熟悉,和控制，我们才干更深一层的驾驭Mobile WEB兼容性开辟。
因而，“研发”包括了“操纵系统、浏览器研讨”和“Mobile WEB开辟”两个部分。
2. 按部就班的周期性研讨
如前所述，我们想要对挪动装备的操纵系统和浏览器们举行研讨，必要消费少量的时候和精力。罗马不是一天建成的，瘦子也不是一口吃出来的。我们必要一个按部就班的历程，一个且自性的研讨，经由赓续地积聚点滴履历，才干够慢慢熟悉,这些特点。其他，挪动装备更新频仍，新机型和新浏览器一日千里，我们也必要阶段性地跟进最新开展景象。因而，这就是必要周期性研讨的缘由：
必要少量的时候和精力
挪动装备更新频仍
在Mobile WEB前端开辟只需一个的景象下，建议每隔半年举行一次系统的研讨，为兼容性开辟打下根底。在尔后的半年内，Mobile WEB页面的前端开辟都将基于此次研讨结果，一样平常不必要再对页面举行兼容性测试。关于兼容性测试，之前很多文章中提到过，下面也会再次提到。
3. 关于兼容性测试
兼容性测试，是WEB开辟和Mobile WEB开辟都必不成少的步调。然则在流程上，后者跟前者却有着很大的区分。
WEB前端开辟是在页面开辟后做浏览器兼容性测试
而Mobile WEB前端开辟却是在页面开辟之前做浏览器兼容性测试
挪动浏览器不像桌面浏览器那末轻松地检察做好的页面结果，试想，假设跟WEB前端开辟流程一样的话，每做完一张Mobile WEB页面，就要搞一大堆测试机举行测试检察比较结果，发明题目修正然后再测试，这会是件很荒诞的事情！
因而，我们就必要用兼容性测试的结果来主导前端开辟：
测试XHTML的每一个常常使用元素
测试CSS的每一个常常使用属性
测试JavaScript的根基特点支持
测试其他与挪动装备相干的点
在测试结果收拾整顿出来后，我们能够经由过程它，晓得甚么元素、甚么属机能够应用，甚么制止应用，并在开辟时恪守这些应用商定。