從桌面查看移動網站

Question

我正在開發我的網站的移動版本，我沒有我的手機與我一起查看我的更改。如何在桌面上模擬移動視圖以進行開發？我嘗試了http://iphone-emulator.org/，但它不會將我的用戶代理更改爲移動設備。我在Mac上。

Answer 1

如果您在Mac上，您可以下載嵌入模擬器的iOS SDK。您還可以在Android SDK中找到模擬器。

編輯︰僞造用戶代理是一個錯誤的解決方案，因爲你沒有確切的渲染引擎比你有一個設備。

EDIT2：如果你開始移動設備開發一個忠告：謹防黑莓（OS的舊版本中嵌入了手機的IE6）

Answer 2

您可以利用Android提供emulator。

Answer 3

使用Firefox的「User Agent Changer」...

在Safari中設置開發者選項。 開發 - >更改用戶代理

Answer 4

，讓您的移動網絡應用程序的概念，最簡單快捷的方法是使用Chrome：

設置 - >工具 - >開發者工具 - >設置（正確的網站底部） - >用戶代理（在標籤菜單中） - >「覆蓋用戶代理」

請記住：任何模擬器的結果都應該由真實的移動設備定期驗證。

Answer 5

如果您想一次查看多個用戶代理的效果，您可以嘗試http://prism.mobiforge.com。它爲每個移動設備顯示一個iframe，爲每個移動設備使用正確的用戶代理字符串。 AsTeR指出，這是一個方便的檢查，但不是測試真實設備上實際渲染的方式。

它也顯示了每種情況下的整體頁面重量，這可能很有用。