<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    改變瀏覽器視角大小:Viewport Resizer

    發布時間: 編輯:CINDY 0人評論 44591次瀏覽 Chrome開發者工具插件
    直達下載
    摘要 : Viewport Resizer是一款可以改變瀏覽器視角的chrome插件,利用Viewport Resizer插件可以測試某個網頁在不同視角下的顯示效果。

    Viewport Resizer的開發背景

    現在開發人員如果要開發一個同時支持PC端與手機端的網站的話,由于電腦和手機顯示屏肯定不一樣大小的,所以要跟對手機等移動設備進行單獨地測試,而對于電腦上的瀏覽器來說,其視角一般比電腦的分辨率稍微小一點,但是肯定比手機設備要大得多了,如果我們每次測試的時候手動地調整瀏覽器進行縮放的效果和手機中顯示的效果并一定是一樣的,因為電腦上的瀏覽器縮放到一定程度就會出現滾動條,無法達到逼真的測試效果,所以我們需要一款能夠改變PC機中瀏覽器的視角的谷歌瀏覽器插件。


    Viewport Resizer的簡介

    改變瀏覽器視角大小:Viewport Resizer

    Viewport Resizer是一款可以自由調整當前瀏覽器視角大小的谷歌瀏覽器插件,在chrome瀏覽器中安裝了Viewport Resizer插件以后,開發人員可以很方便地在電腦的瀏覽器中模擬手機等移動設備的視角大小,通過這些相對真實的視角模擬開發人員可以更加及時地調整移動設備中網站的顯示效果。

    Viewport Resizer為開發人員提供了集中常見的視角大小,其中包括手機等移動設備、平板設備、大屏PC瀏覽器等常見的瀏覽器視角大小,用戶可以點擊這些按鈕輕松切換到相應的視角大小,除此之外,用戶還可以在瀏覽器的上方自定義當前的視角大小來獲得更加個性化的瀏覽器視角調整。


    Viewport Resizer的使用方法

    1.在谷歌瀏覽器中安裝Viewport Resizer插件,并在chrome的擴展管理器中啟動調整瀏覽器視角大小的功能,Viewport Resizer的下載地址可以在本文的下方找到,安裝離線chrome插件的方法可以參考:怎么在谷歌瀏覽器中安裝.crx擴展名的離線Chrome插件?
    2.使用谷歌瀏覽器打開任意一個需要測試不同瀏覽器視角顯示效果的網站,然后點擊谷歌瀏覽器右上角的Viewport Resizer插件按鈕,并在頁面上方彈出的工具欄中選擇常見的瀏覽器視角大小按鈕啟動測試功能,如圖所示:

    啟動Viewport Resizer的常見瀏覽器視角大小工具欄

    3.如果用戶需要更加個性化的瀏覽器視角調整,還可以使用Viewport Resizer插件的自定義瀏覽器視角大小的功能,如圖所示:

    Viewport Resizer自定義瀏覽器視角大小

    4.如果用戶想要回歸到原始狀態,可以點擊工具欄右上角的關閉按鈕,或者點擊自動調整瀏覽器視角大小即可。


    Viewport Resizer的注意事項

    1.Viewport Resizer插件只能修改瀏覽器顯示大小,對于手機網站來說請求的User-Agent信息仍然是PC瀏覽器發出的信息,如果想要改變瀏覽器請求的User-Agent頭部信息,可以參考:使用User-Agent Selector插件模擬手機等移動設備訪問網站

    2.Viewport Resizer雖然能夠模擬移動設備中的視角大小,但是由于電腦的屏幕大小固定的原因,真實的測試效果可能會有點差別。


    Viewport Resizer的聯系方式

    1.來自:i.wanz.im。

    查看更多

    改變瀏覽器視角大小:Viewport Resizer下載地址

    點擊下載改變瀏覽器視角大小:Viewport Resizer

    轉載必須注明來自: Chrome插件 ? 改變瀏覽器視角大小:Viewport Resizer

    av看片免费观看网址
    評論:(0)

    已有 0 位網友發表了一針見血的評論,你還等什么?

    ?