触碰Mobile WEB前端工程师接近一年時间了，在这里算不上短的時间里，根据汲取圆心点、沉鱼落雁等老前辈们的工作经验及其持续的探索和实战演练，小结出一套自身的Mobile WEB“研发流程”。为什么叫“产品研发”步骤而不是“开发设计”步骤，在下文中会开展表述。最先大家看来一下“产品研发”的流程表：

1. 为何要叫“产品研发”步骤？

我们知道，针对传统式的WEB前端工程师，一般状况下大家必须关心的电脑操作系统/电脑浏览器状况以下：

电脑操作系统：Windows/MacOS

电脑浏览器：IE（6、7、8）/Firefox/Safari/Opera/Chrome

这种电脑操作系统和电脑浏览器的基础情况以下：

市场份额和应用遍布状况相对性平稳

较为对外开放，生产商对开发者的适用不错

不一样电脑操作系统下，电脑浏览器3D渲染状况区别并不大

历经前端工程师者们的长期性科学研究和小结，他们的3D渲染特点、规范适用状况基础众所周知

而在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个一部分。

2. 由浅入深的规律性科学研究

如前所述，大家要想对移动终端的电脑操作系统和电脑浏览器们开展科学研究，必须花销很多的時间和活力。罗马不是一天完工的，大胖子也不是一口吃出去的。大家必须一个由浅入深的全过程，一个长久性的科学研究，历经不断累积点点滴滴工作经验，才可以逐渐掌握这种特点。此外，移动终端升级经常，新型和新电脑浏览器飞速发展，大家也必须分阶段地跟踪全新发展趋势状况。因而，这就是必须规律性科学研究的缘故：

必须很多的時间和活力

移动终端升级经常

在Mobile WEB前端工程师只有一个的状况下，提议每过大半年开展一次系统软件的科学研究，为兼容模式开发设计奠定基础。在自此的大半年内，Mobile WEB网页页面的前端工程师都将根据本次科学研究結果，一般不用再对网页页面开展兼容性测试。针对兼容性测试，以前许多文章内容中提及过，下边也会再度提及。

3. 有关兼容性测试

兼容性测试，是WEB开发设计和Mobile WEB开发设计都不可或缺的流程。可是在步骤上，后面一种跟前面一种却拥有非常大的差别。

WEB前端工程师是在网页页面开发设计后做电脑浏览器兼容性测试

而Mobile WEB前端工程师确是在网页页面开发设计以前做电脑浏览器兼容性测试

挪动电脑浏览器不象桌面上电脑浏览器那麼轻轻松松地查询搞好的网页页面实际效果，设想，假如跟WEB前端工程师步骤一样得话，每做了一张Mobile WEB网页页面，就要搞一大堆测试机开展检测查询比照实际效果，发现问题改动随后再检测，这会是件很荒诞的事儿！

因而，大家就必须用兼容性测试的結果来核心前端工程师：

检测XHTML的每一个常见原素

检测CSS的每一个常见特性

检测JavaScript的基础特点适用

检测其他与移动终端有关的点

在检测結果分类整理后，我们可以根据它，了解哪些原素、哪些特性能够 应用，哪些防止应用，并在开发设计时遵循这种应用承诺。