遠端除錯 Android 裝置網頁

阮一峰發表於2019-06-26

網頁在手機瀏覽器開啟時,怎麼除錯?

安卓裝置的 Chrome 瀏覽器支援遠端除錯,可以使用桌面瀏覽器的開發者工具。本文介紹如何進行遠端除錯。

Step 1:啟用開發者模式

遠端除錯需要開啟”開發者模式”。如果你的手機已經開啟,可以跳過這一步。

開發者模式的開啟方法是,進入”設定 > 關於手機”選單,找到”內部版本號”這一項(或類似名稱的條目),在上面連續按七次。退回上一級選單,應該就能看到”開發者模式”。

進入其中,開啟”USB 除錯”選項。

Step 2:連線手機

使用 USB 線將手機和電腦連線起來。手機可能會有彈框,詢問是否允許訪問手機資料,選擇”允許”。

開啟電腦的 Chrome 瀏覽器,進入”開發者工具”。點選右上角三個點,進入設定選單,開啟”更多工具 / 遠端裝置”視窗。

選中 “Discover USB devices” 選項。

這時應該可以看到手機已經連線成功了。

Step 3:除錯網頁

安卓手機裡面,開啟 Chrome 瀏覽器。這時,桌面電腦的開發者工具應該會同步顯示所有已經開啟的 Tab 頁。

並且,開發者工具還有一個輸入框,讓你輸入想要訪問的網址。輸入以後,單擊”開啟”,就會在手機瀏覽器開啟這個網址。

在開發者工具裡面,所有已經開啟的 Tab 頁,選中想要除錯的網頁,點選後面的”Inspect”按鈕。

這時,就會彈出一個獨立的除錯視窗。左側是手機瀏覽器的預覽,右側是各種除錯工具,供開發者使用。

“Inspect”按鈕旁邊的”更多選項”,還提供了過載、關閉等操作。

參考連結

(完)

相關文章