發表文章

目前顯示的是 8月, 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