瀏覽器 網頁開發 網頁設計 軟體

[外掛] Mobile View Switcher 將 Chrome 瀏覽器,偽裝成行動裝置,自動將網頁切換成手機版型

2019/07/23

梅問題-[外掛] Mobile View Switcher 將Chrome瀏覽器,偽裝成行動裝置,將網頁切換成手機版頁面
  雖然現在RWD已是目前網頁的基本需求,且透過RWD就可依照裝置螢幕的解析,自動的調整網頁版型,但RWD版型比較適合簡單的架構與版型,當今天網站架構太複雜時,就不適合用RWD,這時候就會將網頁,拆成桌機版與手機版,再依照使用者瀏覽的裝置自動切換,由於將網頁拆成桌機版與手機版時,因此這時調整視窗大小,是無法進行切換,這時就得改變瀏覽器的檔頭,才能將頁面切換成手機版進行檢測。

  早期需要修改Chrome的屬性,但現在只需安裝Mobile View Switcher外掛,就可將Chrome瀏覽器模擬成手機檔頭,如此一來就可在Chrome瀏覽器中,瀏覽手機版網頁,相當的簡單方便,因此身為網頁設計的朋友,這外掛可千萬別錯過了。


Mobile View Switcher
外掛名稱:Mobile View Switcher
外掛下載:Chrome商店

Step1
首先,進到「Mobile View Switcher」的外掛頁面後,點一下「加到Chrome」鈕,再點「新增擴充功能」鈕。
梅問題-[外掛] Mobile View Switcher 將Chrome瀏覽器,偽裝成行動裝置,將網頁切換成手機版頁面
Step2
當安裝完畢後,在網址列的右手邊,會看到一個手機的圖示,當瀏覽網頁後,再按一下此手機圖示。
梅問題-[外掛] Mobile View Switcher 將Chrome瀏覽器,偽裝成行動裝置,將網頁切換成手機版頁面
Step3
按下後,當網頁有作手機版時,就會自動換成手機版型。
梅問題-[外掛] Mobile View Switcher 將Chrome瀏覽器,偽裝成行動裝置,將網頁切換成手機版頁面
Step4
當要取消手機模式時,再對著手機圖示點一下,再把網頁的頁籤關閉。
梅問題-[外掛] Mobile View Switcher 將Chrome瀏覽器,偽裝成行動裝置,將網頁切換成手機版頁面
Step5
再重啟頁面時,就可回到桌機的版面了,而這與Chrome所提供「開發人員工具」有極大的不同,開發人員工具只會改變裝置解析,但檔頭是不會變的,因此是無法切換成手機版,所以下次當要測試手機版時,不妨可試試這隻外掛囉!
梅問題-[外掛] Mobile View Switcher 將Chrome瀏覽器,偽裝成行動裝置,將網頁切換成手機版頁面