步驟 1：設(shè)備和電腦準(zhǔn)備
- 安裝 Chrome 瀏覽器：確保你的電腦上安裝了最新版的 Google Chrome 瀏覽器。
- 開發(fā)者模式：
打開鴻蒙手機(jī)的開發(fā)者選項(xiàng)：
-進(jìn)入手機(jī) 設(shè)置 > 關(guān)于手機(jī)愈污。
-連續(xù)點(diǎn)擊 版本號(hào)（或“軟件版本”）多次现恼，開啟開發(fā)者選項(xiàng)翰守。
-回到 設(shè)置库糠，找到 開發(fā)者選項(xiàng)沙兰，打開 USB 調(diào)試舷丹。 - 連接手機(jī)：
使用數(shù)據(jù)線將鴻蒙手機(jī)連接到電腦抒钱。 - 授權(quán)調(diào)試：
-首次連接時(shí)，鴻蒙手機(jī)會(huì)彈出 “是否允許 USB 調(diào)試” 的對(duì)話框。
-點(diǎn)擊 允許谋币，并勾選 “一律允許這臺(tái)計(jì)算機(jī)”仗扬。
步驟 2：在 Chrome 中開啟遠(yuǎn)程調(diào)試
- 打開 Chrome 的 DevTools：
-在 Chrome 中按下 Ctrl+Shift+I（Windows）或 Cmd+Option+I（Mac），打開開發(fā)者工具蕾额。
-或者從 Chrome 菜單選擇 更多工具 > 開發(fā)者工具早芭。 - 進(jìn)入遠(yuǎn)程設(shè)備調(diào)試界面：
-在 DevTools 界面中，點(diǎn)擊右上角的三點(diǎn)菜單 > 更多工具 > 遠(yuǎn)程設(shè)備诅蝶。
-或直接在地址欄輸入 chrome://inspect退个，然后按下回車。 - 檢測(cè)設(shè)備：
-在 “Remote Target” 頁(yè)面调炬，你應(yīng)該能看到鴻蒙手機(jī)的設(shè)備名稱语盈。如果設(shè)備未顯示，確保：
手機(jī)的 USB 調(diào)試已開啟缰泡。
數(shù)據(jù)線連接穩(wěn)定刀荒。
電腦上已安裝手機(jī)驅(qū)動(dòng)（Windows 需要手動(dòng)安裝）。
如果仍未顯示棘钞，嘗試重啟 Chrome 或更換 USB 端口缠借。
步驟 3：調(diào)試網(wǎng)頁(yè)
- 在鴻蒙手機(jī)打開目標(biāo)頁(yè)面：
-在鴻蒙手機(jī)自帶的瀏覽器或 WebView 中，打開需要調(diào)試的網(wǎng)頁(yè)宜猜。
-確保頁(yè)面保持活動(dòng)狀態(tài)烈炭。 - 在 Chrome 中找到對(duì)應(yīng)頁(yè)面：
-在 Remote Target 頁(yè)面下，你會(huì)看到手機(jī)打開的網(wǎng)頁(yè)列表符隙。
-點(diǎn)擊目標(biāo)頁(yè)面旁邊的 Inspect 按鈕。 - 調(diào)試頁(yè)面：
-此時(shí) Chrome 會(huì)打開該網(wǎng)頁(yè)的開發(fā)者工具垫毙。
-你可以像調(diào)試普通網(wǎng)頁(yè)一樣霹疫，查看：
Console：查看 JavaScript 報(bào)錯(cuò)。
Network：查看網(wǎng)絡(luò)請(qǐng)求狀態(tài)综芥。
Elements：檢查和修改 HTML/CSS丽蝎。
Sources：調(diào)試 JavaScript 代碼。
