當你為移動設備建立Web頁面和應用程序，你可以采取的最重要的步驟是測試。測試給你一個好主意你的讀者要體驗當他們來到您的網站，并通過固定的主要問題的時間提前，可以避免以后的與你的客戶的問題。

移動一個頁面或應用程序的測試使用相同的清單作為一個全尺寸的瀏覽器測試。

你需要檢查你的頁面看起來好后它之前，然后檢查它之后的生活。但很多設計師忽略的一步是在移動設備上測試。即使你沒有為移動用戶一個單獨的頁面，你應該檢查你的頁面在移動設備尤其是平板電腦。平板設備每年越來越多，它變得越來越有可能，你的一些游客將在片。觸摸屏平板電腦有一些不同的設計要求，如果你希望他們使用標準的全尺寸的網站甚至。

更多的設備，你可以測試你的網站，更好的，但你的重點應該是：

ipad

iPhone和iPod-touch

Android平板電腦

Android手機

其他智能手機

標準手機

大多數人瀏覽網頁的舊手機和智能手機不能夠將設計問題相當寬容。但隨著設備變得越來越復雜，所以將你的讀者的期望。

如何測試

有幾個步驟，你應該為你所有的網頁進行有效的測試，為移動和桌面瀏覽器遵循。

首先你要確認你的HTML來確保沒有任何令人震驚的錯誤。的HTML不是100%有效，但知道錯誤有可以幫助你消除他們任何你發現的問題的原因后。

然后，你應該在所有的瀏覽器您計算機上測試你的網站。我建議你下載并安裝Firefox，Chrome，Safari和Opera，如果你還沒有安裝。這些都是可用于Windows和Macintosh。

如果你有一個不同的操作系統有另一臺計算機（如MAC OS或Linux）你應該在電腦上的瀏覽器以及測試你的網站。一個網站可能看起來很好的Windows Internet Explorer然后徹底打破蘋果的Safari。

一旦你確信該網站看起來好的桌面電腦，你應該換一個瀏覽器窗口大小為較小的大小。如果你使用CSS3媒體查詢，這可能使設計看起來不同。你可以使用一個插件的web開發工具來調整你的瀏覽器窗口大小不同的預設看看它可能看起來在較小的手機屏幕。

如果你沒有訪問到不同的機器，你應該在一個在線工具，如browsercam試驗。

然后測試在許多移動設備，你可以。你的多個不同的設備測試，更好的網站或應用程序會為你的客戶工作。