《移動網頁設計與開發 HTML5+CSS3+JavaScript》—— 1.7 測試，再測試，進行更多的測試

本節書摘來異步社群《移動網頁設計與開發 html5+css3+javascript》一書中的第1章，第1.7節，作者：【英】peter gasston，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

對于目前網絡裝置的現狀，測試是確定所建立網站是否能跨多個裝置運作的唯一方法。測試一直貫穿着整個項目，從開始到結束，都要抓住任何機會進行測試。如果規劃的是一個多裝置項目，那麼，在整個項目中，多達40%至50%的時間将會用來測試。這是個很嚴肅的問題。

如果找不到實際裝置的代替品來做測試，則可以着手建立一個庫，并放入盡可能多的裝置。如果機關附近有其他機構，還可以考慮集中資源，以獲得範圍更廣的裝置。許多城市都在組建裝置實驗室，其中有各種裝置可供任何人使用，這些裝置均由當地開發人員和公司捐贈。你還可以線上搜尋最近的實驗室，或者，考慮在公司或工作的地方參與組建一個實驗室。

不要隻對手機和平闆電腦進行測試。如果網站的目标對象是年輕愛好者（研究表明，大約四分之一的美國青少年使用遊戲機浏覽器上網），則應該考慮測試遊戲機浏覽器；或者，如果網站瞄準的是休閑市場，則應該對電視裝置進行測試。

如果無法使用實際裝置，則可以使用一些專用的工具，大多數（也可能是全部）作業系統建立者和/或裝置制造商都有可供免費下載下傳的、裝置模拟器的軟體開發工具包（sdk）。在手機和平闆電腦領域，安卓、windows phone和黑莓都有軟體開發工具包，毫無疑問，除了它們之外，還有更多其他的品牌。在蘋果的app商店裡可以找到蘋果公司的xcode，它有ios模拟器功能，在測試中，可以在裝置和作業系統版本之間進行切換。

一旦設定好，許多這樣的軟體開發工具包還允許usb連接配接實體裝置，通過配對的浏覽器來做調試。但是，還有個更簡單易行的方法—使用opera的手機仿真器，一旦将其打開并連接配接到opera的桌面版本，就可以使用在桌面上的開發人員工具來調試移動裝置上的頁面。如果需要使用webkit—它主導着多裝置引擎，為什麼不用呢？—名為weinre的軟體可以把桌上型電腦上的chrome或safari連接配接到安卓、ios或黑莓模拟器上。

adobe有一個叫做edge inspect的截圖檢視器，可以讓任何使用edge inspect應用程式（眼下在ios和安卓系統上可用）的裝置與chrome浏覽器同步。這樣，使用者就能同時在許多不同的裝置上預覽網站，并用網絡檢查器進行遠端調試。