瀏覽器附加組件測試移動設計

是否有任何附加組件可用於測試HTML頁面以查看它在移動設備上的外觀？我正在用PhoneGap進行開發，但Eclipse模擬器速度太慢而無法一直刷新，所以我想要一個瀏覽器擴展，使屏幕像手機一樣分辨率。瀏覽器附加組件測試移動設計

2012-08-13 gorgi93

你正在尋找簡單地模擬屏幕尺寸，還是你需要模擬設備功能？如果屏幕大小是您唯一關心的問題，您可以使用任何基於Webkit的瀏覽器並根據需要調整視口大小。 – 2012-08-13 14:24:59

如果您只關心屏幕大小，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圖標（對我來說這是一個藍色的，不是通常的橙色）。在那裏，您可以在真實的移動瀏覽器中測試任何網站，就在桌面上。

來源

2012-08-13 14:35:30

+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可以做的伎倆：只需安裝它。運行它 - 然後運行瀏覽器。 :)

來源

2013-11-20 16:54:23 Tomek

瀏覽器附加組件測試移動設計

回答

相關問題