Viewport Resizer是一款可以改變瀏覽器視角的chrome插件,利用Viewport Resizer插件可以測試某個網(wǎng)頁在不同視角下的顯示效果。
Viewport Resizer的開發(fā)背景
現(xiàn)在開發(fā)人員如果要開發(fā)一個同時支持PC端與手機(jī)端的網(wǎng)站的話,由于電腦和手機(jī)顯示屏肯定不一樣大小的,所以要跟對手機(jī)等移動設(shè)備進(jìn)行單獨地測試,而對于電腦上的瀏覽器來說,其視角一般比電腦的分辨率稍微小一點,但是肯定比手機(jī)設(shè)備要大得多了,如果我們每次測試的時候手動地調(diào)整瀏覽器進(jìn)行縮放的效果和手機(jī)中顯示的效果并一定是一樣的,因為電腦上的瀏覽器縮放到一定程度就會出現(xiàn)滾動條,無法達(dá)到逼真的測試效果,所以我們需要一款能夠改變PC機(jī)中瀏覽器的視角的谷歌瀏覽器插件。
Viewport Resizer的簡介
Viewport Resizer是一款可以自由調(diào)整當(dāng)前瀏覽器視角大小的谷歌瀏覽器插件,在chrome瀏覽器中安裝了Viewport Resizer插件以后,開發(fā)人員可以很方便地在電腦的瀏覽器中模擬手機(jī)等移動設(shè)備的視角大小,通過這些相對真實的視角模擬開發(fā)人員可以更加及時地調(diào)整移動設(shè)備中網(wǎng)站的顯示效果。
Viewport Resizer為開發(fā)人員提供了集中常見的視角大小,其中包括手機(jī)等移動設(shè)備、平板設(shè)備、大屏PC瀏覽器等常見的瀏覽器視角大小,用戶可以點擊這些按鈕輕松切換到相應(yīng)的視角大小,除此之外,用戶還可以在瀏覽器的上方自定義當(dāng)前的視角大小來獲得更加個性化的瀏覽器視角調(diào)整。
Viewport Resizer的注意事項
1.Viewport Resizer插件只能修改瀏覽器顯示大小,對于手機(jī)網(wǎng)站來說請求的User-Agent信息仍然是PC瀏覽器發(fā)出的信息,如果想要改變?yōu)g覽器請求的User-Agent頭部信息,可以參考:使用User-Agent Selector插件模擬手機(jī)等移動設(shè)備訪問網(wǎng)站。
2.Viewport Resizer雖然能夠模擬移動設(shè)備中的視角大小,但是由于電腦的屏幕大小固定的原因,真實的測試效果可能會有點差別。
- PC官方版
- 115極速瀏覽器24.5.0.1 最新版 UC瀏覽器電腦版6.2.4098.3 官方最新版 360安全瀏覽器(2012奧運(yùn)專版)v5.1beta中文官方正式版 360極速瀏覽器2023官方版13.5.2036.0 正式版 360安全瀏覽器14.1.1010.0 官方正式版 淘寶瀏覽器3.5.1.1081 官方最新版