viewport resizer是一款可以改變瀏覽器視角大小的實用chrome插件。做網站的開發人員用到的比較多,軟件可以提供非常強大的視角修改和視角修複功能。
現在開發人員如果要開發一個同時支持PC端與手機端的網站的話,由於電腦和手機顯示屏肯定不一樣大小的,所以要跟對手機等移動設備進行單獨地測試,而對於電腦上的瀏覽器來說,其視角一般比電腦的分辨率稍微小一點,但是肯定比手機設備要大得多了,如果我們每次測試的時候手動地調整瀏覽器進行縮放的效果和手機中顯示的效果並一定是一樣的,因為電腦上的瀏覽器縮放到一定程度就會出現滾動條,無法達到逼真的測試效果,所以我們需要一款能夠改變PC機中瀏覽器的視角的穀歌瀏覽器插件。
1、在穀歌瀏覽器中安裝Viewport Resizer插件,並在chrome的擴展管理器中啟動調整瀏覽器視角大小的功能,Viewport Resizer的下載地址可以在本文的下方找到,安裝離線chrome插件的方法可以參考:怎麼在穀歌瀏覽器中安裝.crx擴展名的離線Chrome插件?
2、使用穀歌瀏覽器打開任意一個需要測試不同瀏覽器視角顯示效果的網站,然後點擊穀歌瀏覽器右上角的Viewport Resizer插件按鈕,並在頁麵上方彈出的工具欄中選擇常見的瀏覽器視角大小按鈕啟動測試功能
3、如果用戶需要更加個性化的瀏覽器視角調整,還可以使用Viewport Resizer插件的自定義瀏覽器視角大小的功能
4、如果用戶想要回歸到原始狀態,可以點擊工具欄右上角的關閉按鈕,或者點擊自動調整瀏覽器視角大小即可.
1.Viewport Resizer插件隻能修改瀏覽器顯示大小,對於手機網站來說請求的User-Agent信息仍然是PC瀏覽器發出的信息,如果想要改變瀏覽器請求的User-Agent頭部信息,可以參考:使用User-Agent Selector插件模擬手機等移動設備訪問網站。
2.Viewport Resizer雖然能夠模擬移動設備中的視角大小,但是由於電腦的屏幕大小固定的原因,真實的測試效果可能會有點差別。
234KB/01-09
聊天工具
下載321KB/01-09
聊天工具
下載231KB/01-09
聊天工具
下載76.4M / 03-25
55M / 06-05
237.9M / 04-13
140.5M / 03-06
900.9M / 03-02
96.2M / 07-06
311.2M / 07-06
335M / 07-06
200M / 07-06
413.8M / 07-06
353.9M / 06-05
131.8M / 04-13
230.8M / 03-03
195.6M / 03-03
165.4M / 03-03
45.6M / 09-08
665.2M / 07-06
2.84G / 07-06
93M / 07-06
338.3M / 07-06
1.38G / 07-26
488.3M / 07-16
109.8M / 06-03
142M / 01-08
1.2M / 11-23
548.8M / 04-13
1.6M / 04-13
1.48G / 03-18
646.6M / 03-03
133.7M / 03-03
325.8M / 06-07
60M / 04-29
254M / 04-25
659M / 04-23
1M / 12-26
253.4M / 12-08
253M / 12-08
1.19G / 11-16
110.5M / 04-23
26.7M / 03-16
488.3M / 07-16
248.9M / 12-08
248.9M / 12-08
201.2M / 04-13
100.6M / 03-06
148.9M / 03-06
1.12G / 07-06
1.25G / 07-06
9.48G / 07-06
50KB / 07-06
116.2M / 04-10
1.92G / 04-17
201.5M / 04-13
7.31G / 07-01
94.3M / 07-06
2.48G / 07-06
7.63G / 07-06
1M / 07-06
778.1M / 07-06
509.7M / 07-06
561.8M / 07-11
1.32G / 01-19
72M / 07-06
548.7M / 07-06
1.00G / 07-06
9.13G / 07-06
126.2M / 07-06
72M / 07-06
105.1M / 07-06
132M / 07-06