遠程調試 Android 設備瀏覽器網頁

網頁在手機瀏覽器打開時，怎麼調試？

安卓設備的 Chrome 瀏覽器支持遠程調試，能夠使用桌面瀏覽器的開發者工具。本文介紹如何進行遠程調試。

Step 1：啓用開發者模式

遠程調試須要打開」開發者模式」。若是你的手機已經打開，能夠跳過這一步。

開發者模式的打開方法是，進入」設置 > 關於手機」菜單，找到」內部版本號」這一項（或相似名稱的條目），在上面連續按七次。退回上一級菜單，應該就能看到」開發者模式」。

進入其中，打開」USB 調試」選項。

Step 2：鏈接手機

使用 USB 線將手機和電腦鏈接起來。手機可能會有彈框，詢問是否容許訪問手機數據，選擇」容許」。

打開電腦的 Chrome 瀏覽器，進入」開發者工具」。點擊右上角三個點，進入設置菜單，打開」更多工具 / 遠程設備」窗口。

選中 「Discover USB devices」 選項。

這時應該能夠看到手機已經鏈接成功了。

Step 3：調試網頁

安卓手機裏面，打開 Chrome 瀏覽器。這時，桌面電腦的開發者工具應該會同步顯示全部已經打開的 Tab 頁。

而且，開發者工具還有一個輸入框，讓你輸入想要訪問的網址。輸入之後，單擊」打開」，就會在手機瀏覽器打開這個網址。

在開發者工具裏面，全部已經打開的 Tab 頁，選中想要調試的網頁，點擊後面的」Inspect」按鈕。

這時，就會彈出一個獨立的調試窗口。左側是手機瀏覽器的預覽，右側是各類調試工具，供開發者使用。

「Inspect」按鈕旁邊的」更多選項」，還提供了重載、關閉等操做。

參考連接

• Debugging your website from Android Devices, Tapas Adhikary
• Get Started with Remote Debugging Android Devices, Kayce Basques

（完）