傑愛得資訊 jumpAD
0800-000-964

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能

您好,我們是傑愛得資訊,歡迎來到我們的媒體聯播網

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能


Google在2014年發佈「2014 台灣跨裝置消費者與電子商務」研究報告中指出,台灣消費者平均每 8 分鐘就要滑一次手機,並認為業者如果沒有意識到這狀況,若未掌握到行動優勢,不管是企業、還是電商,在2016年後很有可能被淘汰。

多螢幕時代,網頁設計師做好網頁,經常需要使用多螢幕進行網頁demo,對於RWD響應式設計的網頁來說,我們可能只想簡單的調整瀏覽器視窗大小來做視覺版面的測試。但對於mobile web 手機版網頁和jQuery網頁程式效果,我們就經常需要真的使用多裝置(手邊有的各廠牌手機或各型號、甚至平板等),一起進行畫面與功能的測試。

或是在向客戶展示手機裝置的網頁畫面呈現時,多少也會擔心,客戶突然看到情人傳給你的LINE推播訊息。

今天就來分享,Google Chrome瀏覽器擴充功能的免費套件「User Agent Switcher」瀏覽裝置切換功能。透過此套件可直接在電腦上模擬使用各種行動裝置的瀏覽器,可輕鬆呈現行動裝置的網頁測試與demo。

下方繼續閱讀
曝光6,789/日 成本100/月
下文請點廣告解鎖
下文請點廣告解鎖
投放Google多媒體聯播網廣告(點此)arrow_downward,包含轉換代碼安裝

※ 如果看到投資類型廣告,請再三評估風險!

繼續閱讀keyboard_double_arrow_down
1. 在Chrome瀏覽器的功能表中,點選"更多工具"→"擴充功能"。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



2. 點選在擴充功能清單中最下方的"取得更多擴充功能"。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



3. 在Chrome 線上應用程式商店的搜尋框,下關鍵字"user-agent switcher for Chrome"

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



4. 找到如畫面中清單所列出的擴充套件,(以下範例為圖中第一個 by google.com所開發的套件)
點擊右方藍色按鈕"+加到CHROME"。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



5. 跳出視窗確認是否新增套件?請按下"新增擴充功能"。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



6. 擴充功能加入成功,chrome瀏覽器右上方會多出一個按鈕。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



7. 此時可再回到擴充功能。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



8. 找出剛才新增的套件。勾選"允許在無痕模式中進行",這個設定可讓我們透過Chrome瀏覽器的無痕視窗下也能使用此套件。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能




我們來看User Agent Switcher的裝置模擬功能:

1. 開啟Chrome瀏覽器。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



2. 下關鍵字進行搜尋,此時為原本的電腦裝置所呈現的網頁畫面。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



3. 點擊瀏覽器右上方的裝置模擬按鈕。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



4. 套件列出全球常見的裝置系統與瀏覽器名稱,如果我們點選清單中的"Android"。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



"Android"子項目出現"Android KitKat"。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能


"iOS"子項目出現"iPhone 6與iPad"

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能


"Safari"子項目出現"Mac Safari 7"

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



5. 假設選擇的是"Android"下的"Android KitKat",而網頁畫面則變成了Android版本的Chrome瀏覽器所看到的畫面。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能


套件圖示下方出現"AND"

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



6. 這時候再把瀏覽器視窗的寬度調整一下(如同手機Chrome瀏覽器畫面)

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



7. 點選套件項目"Chrome"中的子項"Default",即可切換回原本的電腦版Chrome瀏覽器畫面。

不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能



不用再向同事借手機了! Google Chrome瀏覽器 - 行動裝置模擬功能


點此投放Google多媒體聯播網廣告
※ 如果看到投資類型廣告,請再三評估風險!
─ 2017/10/05
作者:劉俊宏 John Liu
網名:Godzilla
現任:傑愛得資訊有限公司總經理、親民黨網路顧問暨青年團執行長、多家企業的網路行銷顧問/數位行銷講師。
曾任:親民黨台北市服務處網路文宣部主任、致理科技大學電子商務職訓班講師、行政院農業部水保署網路行銷業師。
榮譽:
  • AI 廣告追蹤技術國家發明專利:I827208
  • 「2024年亞太區年度 AI 廣告科技公司」雜誌封面人物,國際期刊 MarTech Outlook 評選
  • 「2023年亞太區20大傑出AI人工智慧解決方案供應商」矽谷期刊 APAC CIOOutlook 評選
  • 「2024年值得關注的30大領先企業」國際期刊 CIO Bulletin 評選
  • 「2024年全球十大最具影響力的商業領袖」國際雜誌 Business Frontier 評選
  • 「2023年最具啟發企業領袖」國際期刊 CXO Outlook 評選
  • 全台第一個 Google Ads 金融業 AI 廣告智慧競價 2.0 成功案例

傑愛得資訊領先業界

國際認證獎項報導
我們是業界少數同時具備數位行銷、系統開發、雲端服務的數位整合專業團隊
─ 2021.05

【2024年亞太區年度AI人工智慧廣告科技公司】封面人物
榮獲 MarTech Outlook 美國期刊評選

【2023年亞太區20大傑出AI人工智慧解決方案服務商】
榮獲 APAC CIO Outlook 美國矽谷期刊評選

【2024年值得關注的30大領先企業】
榮獲 CIO Bulletin 美國期刊評選

取得AI廣告追蹤技術國家發明專利

ISO/IEC 27001:2022 Lead Auditor 資安管理系統主導稽核員

bookmark_star 查看資歷
傑愛得資訊 顧問諮詢報價
公司/姓名
頭銜/稱謂
e-mail
LINE id
公司資本額
大約預算
聯繫語言
網路行銷
Google Ads
最高成效廣告
智慧廣告
探索廣告
APP 宣傳廣告
交給顧問評估規畫
Yahoo Ads
交給顧問評估規畫
Microsoft Ads
關鍵字廣告(原Yahoo 關鍵字)
網路系統
雲服務專案
諮詢/備註
※本公司與全城通律法律顧問合作,以上服務皆遵守法律規範。
jumpAD 吉傳媒 PFP Next Erene Design 懿坊飾品 三分糖手作中品牌故事
🤫 悄悄說: