接觸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的基本特性支持

測試其它與移動設備相關的點

在測試結果整理出來后，我們可以通過它，知道什么元素、什么屬性可以使用，什么避免使用，并在開發時遵守這些使用約定。