Chrome外掛-《User-Agent Switcher》快速將Chrome瀏覽器偽裝成,手機版網頁瀏覽器

梅問題-Chrome外掛-《User-Agent Switcher》快速將瀏覽器偽裝成,手機版網頁瀏覽器
  之前曾分享過二種方法,將Google Chrome瀏覽器偽裝成手機瀏覽器,來測試網頁是否會自動切換成行動裝置的版面,第一種方法是透過捷徑加參數的方式,再啟瀏覽器就可偽裝成手機版的瀏覽器,另一種方式是利用開發者工具,來設定User-Agent,而最近梅干發現一個更方便的Google Chrome外掛元件,直接透過快外掛,就可快速的切換成User-Agent,偽裝成手機瀏覽器,如此一來不旦可檢查是否會切換外,也可檢查版面是否能正常顯示,相當的方便,因此身為網頁設計的朋友,這一個外掛套件絕不能錯過喔!

Google Chrome偽裝成手機裝置:
外掛名稱:User-Agent Switcher
適用平台:Google Chrome
下載網址:https://chrome.google.com/webstore

進入外掛頁面後,點一下右上角按鈕,就可完成安裝。
梅問題-Chrome外掛-《User-Agent Switcher》快速將瀏覽器偽裝成,手機版網頁瀏覽器
安裝完畢後,就會看到一個面具的圖示,點一下就可選擇要偽裝的User-Agent裝置。
梅問題-Chrome外掛-《User-Agent Switcher》快速將瀏覽器偽裝成,手機版網頁瀏覽器
選擇好後,只要重新整理一下,頁面就會立即切換過去。
梅問題-Chrome外掛-《User-Agent Switcher》快速將瀏覽器偽裝成,手機版網頁瀏覽器
要還原的話,再點一下Default選項。
梅問題-Chrome外掛-《User-Agent Switcher》快速將瀏覽器偽裝成,手機版網頁瀏覽器
重整後,畫面就會再變回來囉!
梅問題-Chrome外掛-《User-Agent Switcher》快速將瀏覽器偽裝成,手機版網頁瀏覽器

相關文章

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    crux 說道:

    很實用的好介紹
    感謝

近期講座

近期講座

更多講座