是否有任何附加組件可用於測試HTML頁面以查看它在移動設備上的外觀?我正在用PhoneGap進行開發,但Eclipse模擬器速度太慢而無法一直刷新,所以我想要一個瀏覽器擴展,使屏幕像手機一樣分辨率。瀏覽器附加組件測試移動設計
回答
如果您只關心屏幕大小,Firefox 15(當前爲Beta,即將在兩週內發佈)在Web Developer菜單中有Responsive Design View,可讓您調整「屏幕大小」。例如,您可以選擇360x640(nHD分辨率)並查看您的頁面。
但是,移動瀏覽器會對網頁進行自定義調整,這些調整取決於所使用的瀏覽器。例如,Firefox Mobile做了一些叫做Font Inflation的東西。你不能在桌面瀏覽器中重現它,你必須真正運行Firefox Mobile。問題是:移動瀏覽器只能在手機上運行,即使Mozilla在切換到原生Android UI後也停止爲桌面提供Firefox Mobile。
編輯:從Firefox 33開始,Firefox中內置了一個Firefox OS模擬器(感謝Tomek指示我進入這個方向)。要啓動它,open WebIDE,然後單擊「選擇運行時」並選擇「Firefox OS 1.3」。這將啓動模擬器,你需要做的就是單擊Firefox圖標(對我來說這是一個藍色的,不是通常的橙色)。在那裏,您可以在真實的移動瀏覽器中測試任何網站,就在桌面上。
+1在Firefox Mobile中提及字體膨脹。我沒有意識到這一點。 – AmokHuginnsson 2013-03-04 18:07:07
這裏有一個非常方便,簡短的演示:https://www.youtube.com/watch?v=t07cLJhJkjQ – 2015-04-29 11:03:45
Firefox OS simulator可以做的伎倆:只需安裝它。運行它 - 然後運行瀏覽器。 :)
- 1. 跨站點腳本測試瀏覽器(用於測試Mozilla附加組件)
- 2. 在移動瀏覽器上測試WML
- 3. jquery,如何測試移動瀏覽器?
- 4. 在移動瀏覽器中測試AJAX
- 5. 移動瀏覽器檢測
- 6. 檢測移動瀏覽器
- 7. 移動測試工作臺 - 使用瀏覽器回放測試
- 8. 如何使用瀏覽器訪問模式測試SAP Business One附加組件?
- 9. 啓動沒有附加組件的IE瀏覽器
- 10. ChildBrowser在非移動瀏覽器中進行測試/調試
- 11. 移動瀏覽器檢測查看
- 12. JQuery檢測移動瀏覽器?
- 13. 瀏覽器檢測 - 移動與PC
- 14. 檢測GWT中的移動瀏覽器
- 15. 你測試什麼瀏覽器設置?
- 16. 如何使用Appium在瀏覽器測試中上傳附件?
- 17. 在移動瀏覽器中調試?
- 18. 測試移動網頁的Windows Phone 7瀏覽器
- 19. 幫助瀏覽器測試
- 20. 測試Firefox瀏覽器
- 21. 跨瀏覽器UI測試
- 22. 跨瀏覽器測試
- 23. 瀏覽器版本測試
- 24. 瀏覽器測試Sikuli - ?
- 25. 跨瀏覽器測試
- 26. .NET中的移動瀏覽器設備檢測
- 27. 如何檢測移動設備的瀏覽器內部寬度
- 28. 我應該使用哪些移動瀏覽器測試移動網頁?
- 29. Rails爲瀏覽器和移動應用程序設計授權
- 30. 爲移動瀏覽器設計網頁的提示?
你正在尋找簡單地模擬屏幕尺寸,還是你需要模擬設備功能?如果屏幕大小是您唯一關心的問題,您可以使用任何基於Webkit的瀏覽器並根據需要調整視口大小。 – 2012-08-13 14:24:59