2011-05-27 32 views
15

要實現移動網站,在我的瀏覽器中設置最大設備寬度將很有用。 我知道插件來僞造用戶代理。這也可能是最大設備寬度? 我寧願使用Firefox,IE,Opera等常規瀏覽器,而不是所有類型的移動瀏覽器模擬器,甚至不同的智能手機。僞裝最大設備寬度

謝謝, 羅波

+0

相關:http://www.jonhiggins.co.uk/words/max-device-width/ – 2014-02-19 15:31:07

回答

5

在通常情況下的桌面瀏覽器可用於HTML &的CSS的完整性檢查,但移動瀏覽器是在HTML,CSS和JavaScript處理很大的不同。

「效仿」max-device-width你可以用max-width替代max-device-width和調整您的瀏覽器窗口所需的大小(瀏覽器的實際版本支持max-width媒體查詢指令)。

我們在移動web界面開發和模擬器的早期階段使用桌面瀏覽器。 UI測試人員只使用真實設備。

+2

這實際上並沒有爲我工作。我在Firefox中更改了我的用戶代理字符串,並使得瀏覽器非常窄,但我的網站仍然使用筆記本電腦上的全屏版本進行渲染,並且我的iPhone上的最大設備寬度爲480。 – 2011-06-14 22:06:30

+0

你能提供html&css你在用什麼? – 2011-06-15 11:01:22

+1

凱文是對的,這是行不通的。最大寬度,這可能是您想要的,Phillip,與最大設備寬度是分開的。我知道模擬這種方法的唯一方法是根據具體情況將代碼更改爲使用最大寬度,可以暫時或永久使用。這不是一個完美的模擬,尤其是在設備旋轉方面,但對大多數測試來說,它通常足夠好。另外,請查看這個書籤:http://www.benjaminkeen.com/misc/bricss/ – 2012-02-18 13:26:44

15

Chrome允許您設置設備指標,設備指標用於設備寬度的媒體查詢計算。爲此,請打開開發人員工具,單擊右下角的齒輪圖標,然後轉到覆蓋選項卡。

編輯2014年1月17日:Chrome現在在開發人員工具中有一個仿真選項卡,可以在控制檯中找到。

+0

非常有用 - 謝謝! – Eric 2013-02-13 20:50:28

相關問題