[TOC] > [DevTools 協議手冊](https://chromedevtools.github.io/devtools-protocol/1-3/) ## 概述 ## 常用瀏覽器地址 通過調試端口加上 地址可顯示相關信息 ### /json/protocol 可以列舉出所有的協議指令 ### /json/version 版本信息 ``` { "Browser": "Chrome/78.0.3882.0", "Protocol-Version": "1.3", "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3882.0 Safari/537.36", "V8-Version": "7.8.89", "WebKit-Version": "537.36 (@19d4547535ab5aba70b4730443f84e8153052174)", "webSocketDebuggerUrl": "ws://127.0.0.1:51965/devtools/browser/e92af78f-a5a1-47e6-9234-ace969a46773" } ``` ### /json 或 /json/list 所有可用的WebSocket目標的列表。 ``` [ { "description": "", "devtoolsFrontendUrl": "/devtools/inspector.html?ws=127.0.0.1:51965/devtools/page/C1E29F75CD3D130BC7FC39417BBDA934", "faviconUrl": "https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/static/favicons/favicon-32x32.png", "id": "C1E29F75CD3D130BC7FC39417BBDA934", "title": "稀土掘金", "type": "page", "url": "https://juejin.cn/", "webSocketDebuggerUrl": "ws://127.0.0.1:51965/devtools/page/C1E29F75CD3D130BC7FC39417BBDA934" } ] ``` ### /json/new?{url} 用url打開一個新表情作為目標 ### /json/activate/{targetId} 激活一個選項卡 `targetId`為`/json` 中的ID字段 返回`Target activated` 表示激活成功 ### /json/close/{targetId} 關閉 targetid 的目標頁 ### WebSocket 方式連接 /devtools/page/{targetId} 用于websocket 的連接 ## 常用接口 1. **Page 協議：** 用于與頁面相關的操作，例如導航、截圖、執行 JavaScript 等。 * `Page.navigate`：導航到指定 URL。 * `Page.reload`：重新加載頁面。 * `Page.captureScreenshot`：截取頁面的屏幕截圖。 * `Page.evaluate`：執行 JavaScript 代碼在頁面上下文中。 2. **DOM 協議：** 用于訪問和操作頁面的文檔對象模型（DOM）元素。 * `DOM.getDocument`：獲取文檔的根節點。 * `DOM.querySelector` 和 `DOM.querySelectorAll`：根據選擇器查找 DOM 元素。 * `DOM.setAttributeValue` 和 `DOM.removeAttribute`：設置或移除元素的屬性值。 * `DOM.focus`：聚焦到指定元素。 3. **Runtime 協議：** 用于在頁面上執行 JavaScript 代碼。 * `Runtime.evaluate`：在頁面上下文中執行 JavaScript 代碼并返回結果。 * `Runtime.callFunctionOn`：調用頁面上下文中的函數。 * `Runtime.compileScript`：編譯 JavaScript 腳本以供稍后執行。 4. **Network 協議：** 用于監控和控制網絡請求。 * `Network.enable` 和 `Network.disable`：啟用和禁用網絡事件捕獲。 * `Network.setRequestInterception`：攔截網絡請求并進行修改或阻止。 * `Network.getResponseBody`：獲取響應體內容。 * `Network.requestWillBeSent` 和 `Network.responseReceived`：網絡請求和響應事件。 5. **Console 協議：** 用于處理頁面上的控制臺消息。 * `Console.enable` 和 `Console.disable`：啟用和禁用控制臺事件捕獲。 * `Console.clearMessages`：清除控制臺消息。 * `Console.messageAdded`：當頁面上有新的控制臺消息時觸發的事件。 6. **Security 協議：** 用于處理頁面的安全性信息。 * `Security.enable` 和 `Security.disable`：啟用和禁用安全事件捕獲。 * `Security.getCertificate`：獲取網站的 SSL 證書信息。 * `Security.securityStateChanged`：安全狀態更改事件。 7. **Target 協議：** 用于管理和控制瀏覽器目標，例如頁面和服務工作線程。 * `Target.createTarget`：創建新的瀏覽器目標。 * `Target.attachToTarget`：附加到現有的瀏覽器目標。 * `Target.closeTarget`：關閉瀏覽器目標。