viewport resizer是一款非常好用的可以用來(lái)進(jìn)行瀏覽器視角修改的chrome插件.軟件可以為用戶(hù)提供非常強(qiáng)大的視角修改和視角修復(fù)功能,感興趣的朋友們快來(lái)下載吧!

軟件介紹:

Viewport Resizer是一款可以改變?yōu)g覽器視角的chrome插件,利用Viewport Resizer插件可以測(cè)試某個(gè)網(wǎng)頁(yè)在不同視角下的顯示效果.

注意事項(xiàng):

1.Viewport Resizer插件只能修改瀏覽器顯示大小,對(duì)于手機(jī)網(wǎng)站來(lái)說(shuō)請(qǐng)求的User-Agent信息仍然是PC瀏覽器發(fā)出的信息,如果想要改變?yōu)g覽器請(qǐng)求的User-Agent頭部信息,可以參考:使用User-Agent Selector插件模擬手機(jī)等移動(dòng)設(shè)備訪問(wèn)網(wǎng)站.

2.Viewport Resizer雖然能夠模擬移動(dòng)設(shè)備中的視角大小,但是由于電腦的屏幕大小固定的原因,真實(shí)的測(cè)試效果可能會(huì)有點(diǎn)差別.

開(kāi)發(fā)背景:

現(xiàn)在開(kāi)發(fā)人員如果要開(kāi)發(fā)一個(gè)同時(shí)支持PC端與手機(jī)端的網(wǎng)站的話(huà),由于電腦和手機(jī)顯示屏肯定不一樣大小的,所以要跟對(duì)手機(jī)等移動(dòng)設(shè)備進(jìn)行單獨(dú)地測(cè)試,而對(duì)于電腦上的瀏覽器來(lái)說(shuō),其視角一般比電腦的分辨率稍微小一點(diǎn),但是肯定比手機(jī)設(shè)備要大得多了,如果我們每次測(cè)試的時(shí)候手動(dòng)地調(diào)整瀏覽器進(jìn)行縮放的效果和手機(jī)中顯示的效果并一定是一樣的,因?yàn)殡娔X上的瀏覽器縮放到一定程度就會(huì)出現(xiàn)滾動(dòng)條,無(wú)法達(dá)到逼真的測(cè)試效果,所以我們需要一款能夠改變PC機(jī)中瀏覽器的視角的谷歌瀏覽器插件.

軟件說(shuō)明:

Viewport Resizer是一款可以自由調(diào)整當(dāng)前瀏覽器視角大小的谷歌瀏覽器插件,在Chrome瀏覽器中安裝了Viewport Resizer插件以后,開(kāi)發(fā)人員可以很方便地在電腦的瀏覽器中模擬手機(jī)等移動(dòng)設(shè)備的視角大小,通過(guò)這些相對(duì)真實(shí)的視角模擬開(kāi)發(fā)人員可以更加及時(shí)地調(diào)整移動(dòng)設(shè)備中網(wǎng)站的顯示效果.

Viewport Resizer為開(kāi)發(fā)人員提供了集中常見(jiàn)的視角大小,其中包括手機(jī)等移動(dòng)設(shè)備、平板設(shè)備、大屏PC瀏覽器等常見(jiàn)的瀏覽器視角大小,用戶(hù)可以點(diǎn)擊這些按鈕輕松切換到相應(yīng)的視角大小,除此之外,用戶(hù)還可以在瀏覽器的上方自定義當(dāng)前的視角大小來(lái)獲得更加個(gè)性化的瀏覽器視角調(diào)整.

使用說(shuō)明:

1.在谷歌瀏覽器中安裝Viewport Resizer插件,并在chrome的擴(kuò)展管理器中啟動(dòng)調(diào)整瀏覽器視角大小的功能,Viewport Resizer的下載地址可以在本文的下方找到,安裝離線(xiàn)chrome插件的方法可以參考:怎么在谷歌瀏覽器中安裝.crx擴(kuò)展名的離線(xiàn)Chrome插件?

2.使用谷歌瀏覽器打開(kāi)任意一個(gè)需要測(cè)試不同瀏覽器視角顯示效果的網(wǎng)站,然后點(diǎn)擊谷歌瀏覽器右上角的Viewport Resizer插件按鈕,并在頁(yè)面上方彈出的工具欄中選擇常見(jiàn)的瀏覽器視角大小按鈕啟動(dòng)測(cè)試功能

3.如果用戶(hù)需要更加個(gè)性化的瀏覽器視角調(diào)整,還可以使用Viewport Resizer插件的自定義瀏覽器視角大小的功能

4.如果用戶(hù)想要回歸到原始狀態(tài),可以點(diǎn)擊工具欄右上角的關(guān)閉按鈕,或者點(diǎn)擊自動(dòng)調(diào)整瀏覽器視角大小即可.