『教學』看網頁在不同平台的顯示畫面、模擬手機瀏覽器!(Chrome、Firefox外掛安裝)

The User-Agent Switcher
回應式設計網站必備的好幫手,利用The User-Agent Switcher for Chrome瀏覽器擴充套件外,讓我們在開發網站時,快速切換Android,iOS(iPad、iPhone),Firefox,Opera,Safari,IE,Chrome,Windows Phone,各種電腦螢幕,智慧手機和平板設備等不同平台,利用PC模擬行動網頁與各個Web瀏覽器上所呈現的情形,除此之外也可利用Google Resizer檢視網站在不同螢幕尺寸,所顯示的樣子





User-Agent Switcher 使用教學
STEP1

前往下載The User-Agent Switcher外掛,模擬各種不同網頁瀏覽器
Chrome模擬其他瀏覽器1

STEP2

安裝完成後,在工具列點開圖示,即可任意切換不同系統的瀏覽器,查看網頁在不同平台裝置上所支援的顯示內容。
Chrome模擬其他瀏覽器2

STEP3

以下為用電腦模擬在Android、iOS手機版行動網頁的畫面。
Chrome模擬其他瀏覽器3

STEP4

要還原時,只要切換回原本的Chrome瀏覽器即可。
Chrome模擬其他瀏覽器4



擴充軟體User-Agent Switcher 下載

Google瀏覽器擴充外掛安裝:The User-Agent Switcher for Chrome下載
火狐瀏覽器擴充功能:The User-Agent Switcher for Firefox下載

延伸閱讀:Google Resizer檢視網站在不同螢幕尺寸,所顯示的樣子