【感謝費50$】請問 chrome devtool 如何指定 Mozilla 或是android版本測試?

front-end

小MIS 2023-11-15 11:56:24 ‧ 2021 瀏覽

分享至

想要在電腦 chrome 以指定 Mozilla 來測試指定網頁
目前知道對方的 agent 數據如下

Mozilla/5.0 (Linux; U; Android 6.0.1; zh-cn; JDN-W09 Build/HuaweiMediaPad) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 Chrome/37.0.0.0 MQQBrowser/6.0 Mobile Safari/537.36

想要在 devtool 模式改成 Mozilla/5.0 或是 Chrome/37 Android 6.0.1 環境來測試兼容的情況。

有使用More tools > Network conditions自定義agent，但不是想要的，因為agent設低版本，還是能正常顯示頁面UI，而不是客戶端手持設備上不兼容不顯示的UI效果

看更多先前的討論...收起先前的討論...

窮嘶發發發 iT邦高手 1 級 ‧ 2023-11-15 12:07:23 檢舉

用這個user-agent-switcher
https://chromewebstore.google.com/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?pli=1
他說明頁面有如何安裝其他瀏覽器的XML，自己下載後再IMPORT進去，就會有你要的瀏覽器版本
然後如果要改變視窗大小，有另外一個外掛，可以讓你根據指定的平版或手機型號直接調整顯示畫面大小
如果你要順便驗證 RWD，建議也安裝一下

淺水員 iT邦大師 6 級 ‧ 2023-11-15 13:13:32 檢舉

user-agent 大多都是後端判斷使用者設備給予不同的網頁內容
假設某個函式 A 在 chrome 可以跑，但 Mozilla 不能
改 user-agent 為 Mozilla ，後端回傳還是有函式 A 的話
那你測試仍然會正常執行
結論：只改 user-agent 並不代表會模擬該設備的狀況

窮嘶發發發 iT邦高手 1 級 ‧ 2023-11-15 13:42:18 檢舉

程式碼的部分的確很難控制，但要看樓主的測重點在哪
按照 AGENT 的資訊來看，這支手機已經非常非常的舊
舊到連商店都已經拒絕更新瀏覽器版本，
這種狀況下，原則上是建議幹脆寫一個警告MSG
太低版本的瀏覽器會出現不正常的畫面，合情合理
而且版本低等於安全性低，如果你還為了支援降低網站安全性
這樣反而不合理
我有一台主機，用的是NETSCAPE 2.0，所有的網站都進不去(含GOOGLE，因為只吃HTML 1.0 沒JS支援)，
難道我要告所有的網站，而不是去升級我的主機跟瀏覽器版本 ?
如果我去要求GOOGLE ，GOOGLE會理我 ?