文章

目前顯示的是 八月, 2019的文章

[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.


8. 傑克,這真是太神奇了




文章來源:
使用 PC 版 Chrome 來 Debug 手機版的 Chrome