本節書摘來異步社群《html5移動web開發實戰》一書中的第1章,第1.3節,作者:石川,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
html5移動web開發實戰
适用浏覽器:所有
在前一節還剩下一個問題沒有回答:我應該在哪些裝置和模拟器上測試?我們會在這一節回答。
如果你決定了需要支援的核心移動裝置,那麼現在就可以來看看如何配置了。如果在過多移動裝置上測試,那麼移動開發成本會很高,雖然我們可以使用移動裝置的模拟器和仿真器,但都比不上在真實裝置上做測試。現在我們來看看如何最大化測試覆寫率并最小化成本。
我們會首先做一些假設,雖然具體情況可能不同,但思路是一樣的。我們假設你的桌面作業系統是windows,而大部分使用者是通過ios、android、blackberry來通路你的網站。
你的目标是最大化覆寫率和最小化成本,雖然所有的裝置都有模拟器,但他們并不支援所有的平台。

如表1-1所示,由于ios模拟器隻運作在mac上,如果你使用windows作業系統,那麼最好也是唯一的選擇就是購買iphone來測試。對于android和blackberry,因為他們都有windows上的模拟器,你可以直接下載下傳模拟器來節約成本。
1.列出你的使用者的主要移動裝置。
2.了解你用于開發的作業系統。
3.确定每個裝置模拟器對于開發環境的相容性。
如果你有資金購買多台運作于不同作業系統的移動裝置,那麼你可以考慮得更多一些,例如,螢幕尺寸和dpi。也許你不需要該購買兩台高端裝置,例如iphone4和android thunderbolt1。你可以購買一款低端android裝置來測試你的手機在低端裝置上的樣式。總的來說就是減少你的作業系統、移動裝置和模拟器,讓他們每個都覆寫盡可能多的使用場景。
各裝置模拟器、仿真器下載下傳表
下面的表1-2顯示了用于網頁設計和測試的主流移動裝置模拟器。
浏覽器的模拟器、仿真器下載下傳表
除移動裝置測試工具外,我們還有針對跨平台浏覽器的工具,特别是opera和firefox,如表1-3所示。
遠端測試
除仿真器和模拟器之外,還有一些測試平台提供遠端連接配接到真實裝置,其中之一就是deviceanywhere,但問題是它并不免費。