偽造最大設備寬度

Question

要實現移動網站，在我的瀏覽器中設置max-device-width會很有用。 我知道插件可以偽造用戶代理。 這對於max-device-width也是可能的嗎？ 我更喜歡使用常規瀏覽器，如Firefox，IE，Opera，...而不是所有類型的移動瀏覽器模擬器，甚至不同的智能手機。

謝謝，Ropo

Answer 1

Chrome允許您設置設備指標，這些指標用於設備寬度的媒體查詢計算。 要執行此操作，請打開“開發人員工具”，單擊右下角的齒輪圖標，然后轉到“替代”選項卡。

編輯2014年1月17日 ：Chrome現在有一個Emulation選項卡，可以在Developer Tools中與Console一起找到。

Answer 2

在常見情況下，桌面瀏覽器可用於對html和css進行健全性檢查，但移動瀏覽器在html，css和javascript處理方面有很大差異。

要“模擬” max-device-width您可以將max-device-width替換為max-width並將瀏覽器窗口的大小調整為所需的大小（瀏覽器的實際版本支持max-width media-query指令）。

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