[Debug] PC Chrome Debug Mobile Chrome
桌機、手機的 Web 環境不同,有時桌機可以正常,手機卻異常的狀況。
可是桌機瀏覽器還可以開啟 DevTools看看問題何在,那手機怎麼辦???
google 不虧是 google,這種狀況都設想到了。
作法簡略如下:
1. 桌機及手機先用 USB 連接 (相關 Driver 請確定有安裝成功,我的是 ASUS)
2. 手機開啟開發人員選項 (手機關於中的版本號碼點七下)
3. 手機開啟 USB 偵錯功能
4. 將桌機及手機的 Chrome 打開來,在桌機的 Chrome 網址列打上 chrome://inspect/
5. 下圖中標示1的功能,可以指定手機開啟特定網頁
6. 下圖中標示2的功能 Inspect,可以在桌機開啟 DevTools並操作手機網頁功能
7. 下圖中標示3的功能 Inspect fallback,在上面有提示了。
Remote browser is newer than client browser. Try `inspect fallback` if inspection fails.
文章來源:
使用 PC 版 Chrome 來 Debug 手機版的 Chrome
可是桌機瀏覽器還可以開啟 DevTools看看問題何在,那手機怎麼辦???
google 不虧是 google,這種狀況都設想到了。
作法簡略如下:
1. 桌機及手機先用 USB 連接 (相關 Driver 請確定有安裝成功,我的是 ASUS)
2. 手機開啟開發人員選項 (手機關於中的版本號碼點七下)
3. 手機開啟 USB 偵錯功能
4. 將桌機及手機的 Chrome 打開來,在桌機的 Chrome 網址列打上 chrome://inspect/
5. 下圖中標示1的功能,可以指定手機開啟特定網頁
6. 下圖中標示2的功能 Inspect,可以在桌機開啟 DevTools並操作手機網頁功能
7. 下圖中標示3的功能 Inspect fallback,在上面有提示了。
Remote browser is newer than client browser. Try `inspect fallback` if inspection fails.
8. 傑克,這真是太神奇了
文章來源:
使用 PC 版 Chrome 來 Debug 手機版的 Chrome
留言
張貼留言