<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>

    使用User-Agent Selector插件模擬手機等移動設備訪問網站

    發布時間: 編輯:CINDY 2人評論 89391次瀏覽 Chrome開發者工具插件
    直達下載
    摘要 : User-Agent Selector是一款可以改變chrome瀏覽器的User-Agent的谷歌瀏覽器插件,使用User-Agent Selector插件可以很方便地在電腦瀏覽器中模擬各種手機或其他移動設備的訪問。

    User-Agent Selector的開發背景

    現在隨著移動設備越來越流行,傳統的網頁開發的模式已經開始慢慢向移動設備的領域進軍,但是由于移動設備的瀏覽器種類比傳統PC機上的瀏覽器更加五花八門,用戶就需要對每一個移動設備中瀏覽器進行大量的測試才能滿足大部分用戶的要求,而一般的開發人員可不會真的準備這么多的手機或者其他移動設備去一個一個地測試,還有一種比較簡單的方便就是使用電腦中的瀏覽器來模擬移動設備中的瀏覽器。

    因為一個網站用于識別電腦上的瀏覽器還是移動設備中的瀏覽器主要是看瀏覽器給當前網站發送的請求中的User-Agent信息,所以我們就可以利用這個規則改變瀏覽器中的User-Agent信息來模擬移動設備來請求網頁,但是如果我們每次請求網頁的時候都修改一次User-Agent信息那就太麻煩了,所以今天給大家介紹一款可以快遞切換瀏覽器中的User-Agent信息的谷歌瀏覽器插件


    User-Agent Selector的簡介

    User-Agent Selector是一款可以快速切換當前chrome瀏覽器User-Agent信息到手機等移動設備的chrome插件,用戶安裝了User-Agent Selector插件以后,如果需要模擬移動設備對某個網頁進行方便,就不再需要每次在開發者工具中修改請求的User-Agent信息,只需要點擊谷歌瀏覽器右上角的User-Agent Selector插件按鈕并在彈出的窗口中選擇相應的設備User-Agent即可,如果User-Agent Selector插件已經提供的User-Agent不滿足用戶的需求或者和用戶需要的User-Agent有些不一樣,也可以使用User-Agent Selector插件的選項配置出個性化的User-Agent信息并保存到chrome瀏覽器中隨時可以使用。


    User-Agent Selector的使用方法

    1.在谷歌瀏覽器中安裝User-Agent Selector插件并在chrome的擴展管理器中啟動自定義User-Agent信息的功能。User-Agent Selector的下載地址可以在本文的下方找到,安裝離線chrome插件的方法可以參考本站的置頂文章。

    2.打開任意一個網站,然后點擊chrome右上角的User-Agent Selector插件按鈕即可彈出一個User-Agent選擇列表,用戶在列表中選擇一種自己想要的常見User-Agent即可改變chrome的請求信息,如圖所示:

    使用User-Agent Selector插件改變chrome瀏覽器的User-Agent

    3.默認情況下User-Agent Selector插件使用的是chrome瀏覽器中的User-Agent來訪問網站,用戶還可以選擇模擬Firefox的瀏覽器來訪問指定的網站,如圖所示:

    使用谷歌瀏覽器User-Agent Selector插件模擬Firefox訪問網站

    4.如果要測試該網站在移動設備中的顯示就可以改變User-Agent Selector插件的User-Agent選項來模擬手機等移動設備來請求網站,如圖所示:

    使用User-Agent Selector模擬移動設備的User-Agent

    5.如果用戶需要自定義User-Agent的請求信息,可以右鍵點擊chrome右上角的User-Agent Selector插件按鈕來啟動個性化選項配置界面,在該界面中用戶可以新增、修改、刪除User-Agent來配置自己需要的設備類型,如圖所示:

    使用User-Agent Selector插件配置自定義User-Agent


    User-Agent Selector的注意事項

    1.User-Agent Selector只能改變瀏覽器中請求頭部中的User-Agent信息,對其他的信息無法進行更改,如果需要更加多的內容修改可以使用谷歌瀏覽器的開發者工具。

    2.User-Agent Selector雖然能夠模擬移動設備來請求網站,但是無法改變電腦中瀏覽器的分辨率來達到更加逼真的效果。


    User-Agent Selector的聯系方式

    1.作者:Laurent Perez。

    2.博客:chromeuseragentselector.wordpress.com。

    使用User-Agent Selector插件模擬手機等移動設備訪問網站下載地址

    點擊下載使用User-Agent Selector插件模擬手機等移動設備訪問網站

    標簽: User-Agent 手機

    轉載必須注明來自: Chrome插件 ? 使用User-Agent Selector插件模擬手機等移動設備訪問網站

    Responsive Web Design Tester

    Responsive Web Design Tester

    0 人評論 21503 次人瀏覽 3.0分 3.0 分
    Responsive Web Design Tester是一款可以幫助用戶測試網頁在其他設備中顯示樣式的谷歌瀏覽器插件。
    av看片免费观看网址
    評論:(2)

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

    • 1樓 carry 回復該留言
      用來制作網頁,調試,太方便了
    • 2樓 子非魚 回復該留言
      postman必須推薦。
    ?