測試一個網站爲手機？

我有一個在大多數桌面瀏覽器中工作正常的ASP.NET MVC網站，現在我需要爲移動版本創建一個版本，而我的雖然是使用CSS Media Queries，但我不知道如何測試頁面在發展？有沒有可以像移動瀏覽器一樣使用的桌面應用程序？測試一個網站爲手機？

2012-07-04 Ivy

你見過http://iphone4simulator.com/和http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/ – Daveo

如果您只想測試針對特定視口寬度觸發的媒體查詢，則只需簡化瀏覽器寬度即可。您可以在不同的媒體查詢觸發時觀看UI更改。

您還可以使用瀏覽器插件來定義和設置視口分辨率。我使用Chrome的「調整窗口」。

在那裏有一個Android模擬器，您可以下載並在桌面上運行，但主要用於測試設備特定功能。

當涉及到它時，測試移動網站的最佳方法是在您定位的設備上。

2012-07-04 19:43:44 Lowkase

你可以用

if (Request.Browser.IsMobileDevice == true) 
    { 
     .... 
    }

2012-07-04 19:10:14

謝謝，我確實知道這一點，我需要的是一些手機瀏覽器模擬器。 – Ivy

嘗試測試你的網站，你可以使用Chrome，沒有包含在裏面一個很不錯的功能。您可以更改用戶代理，然後模擬Ipad，Iphone或任何智能手機的à分辨率。

這是非常有用的測試響應式設計和東西:)

好，另外，要小心這只是「模擬」它從來沒有remplace一些真正的測試，但它的概念和預生產過程真好！

2012-07-04 19:13:11 Xavier

我建議3點的工具，可以幫助你：

的Adobe陰影http://labs.adobe.com/technologies/shadow：它可以讓你保持同步的網站，你通過Adobe Shadow App在桌面瀏覽器上查看您的手機，並通過此方法在移動網站上使用Chrome的開發工具。
在Android上使用Chrome進行遠程調試https://developers.google.com/chrome/mobile/docs/debugging：與Adobe Shadow類似，您可以通過chrome開發工具調試和測試您的站點。但是，您需要在ICS上運行的Android手機。
最後，如果你有Xcode - 你可以使用iPhone模擬器來查看你的網站。這是非常準確的，你沒有像前兩個那樣得到實時調試，但是你可以在每次更新後立即測試你的站點。

2012-07-04 19:38:11

回答