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

本節書摘來非同步社群《移動網頁設計與開發 HTML5+CSS3+JavaScript》一書中的第1章，第1.7節，作者：【英】Peter Gasston，更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

1.7　測試，再測試，進行更多的測試

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

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

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

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

一旦設定好，許多這樣的軟體開發工具包還允許USB連線物理裝置，通過配對的瀏覽器來做除錯。但是，還有個更簡單易行的方法—使用Opera的手機模擬器，一旦將其開啟並連線到Opera的桌面版本，就可以使用在桌面上的開發人員工具來除錯移動裝置上的頁面。如果需要使用WebKit—它主導著多裝置引擎，為什麼不用呢？—名為weinre的軟體可以把桌上型電腦上的Chrome或Safari連線到安卓、iOS或黑莓模擬器上。

Adobe有一個叫做Edge Inspect的截圖檢視器，可以讓任何使用Edge Inspect應用程式（眼下在iOS和安卓系統上可用）的裝置與Chrome瀏覽器同步。這樣，使用者就能同時在許多不同的裝置上預覽網站，並用網路檢查器進行遠端除錯。