我的工作讓我的網站的響應速度。如果我縮小瀏覽器的寬度,以它的最小寬度,這對於測試將發生在移動設備上有什麼好的替代品?測試不響應移動設備
我沒有iPad Mini或Galaxy S2/3等設備,但仍然希望確保該網站在其上看起來不錯。
我的工作讓我的網站的響應速度。如果我縮小瀏覽器的寬度,以它的最小寬度,這對於測試將發生在移動設備上有什麼好的替代品?測試不響應移動設備
我沒有iPad Mini或Galaxy S2/3等設備,但仍然希望確保該網站在其上看起來不錯。
如果您使用的是媒體查詢,那麼只需調整您的瀏覽器。您可以通過使用檢測工具像螢火蟲,並檢查車身寬度保持窗口大小的眼睛。
我會建議您查找允許您將瀏覽器調整爲特定瀏覽器尺寸的瀏覽器插件。然後,使用設置了常見的尺寸吧... 320像素,480像素,600像素,等等,和/或任何需要爲您的項目。
對於Chrome瀏覽器,我使用Window Resizer的。
如果你想在本地測試您的設計,在瀏覽器中,您可以使用Web開發者加入,在這將給你一個選項,以查看響應佈局
而且你的網上噸的網站在那裏將做的工作你喜歡
我用你的描述的方法我自己,這是不是100%準確,一些文字大小可以,如果你正在使用EM或REMS略有變化特別。如果測試框佈局和類似的東西,它可以相當準確。
另一種解決方案是使用像http://quirktools.com/screenfly這樣的服務也是一個比較好的解決方案。
我也使用的最佳解決方案是瀏覽器堆棧:http://www.browserstack.com/但它不是免費的。瀏覽器堆棧,您還可以測試不同的操作系統,不同的瀏覽器和不同的移動設備的大量。
最好的方法是使用這些設備,但是如果某些或所有設備不可用,那麼您將不得不訴諸其他(良好)的工具。下面是幾個例子:
請記住,這些類的工具會告訴你像素完美輸出和用戶交互/行爲可能不同。
Ctrl + Shift + M
在Firefox測試網站(Windows)中
Cmd + Option + M
在Firefox(蘋果機)
如果您正在使用媒體查詢,然後是調整您的瀏覽器。 – Omega 2013-04-24 15:20:05
是的 - 我正在使用它們。作爲回答發佈,我會接受。 – 4thSpace 2013-04-24 15:22:50
您*可*下載移動模擬器。 Android SDK可以模擬任何Android版本。我是Opera移動模擬器的忠實粉絲,因爲它不像Android模擬器那樣緩慢。有時它不僅僅是需要測試的尺寸,而是功能。 – cimmanon 2013-04-24 15:24:14