跳到主要内容

Chrome DevTools Protocol (CDP) 文档

欢迎查阅 Chrome DevTools Protocol (CDP) 的综合文档。该协议支持与 Chrome 浏览器通信,用于调试、性能分析、自动化和 Web 应用检测。

概述

Chrome DevTools 协议提供了一种方式来检测、检查、调试和分析 Chrome 浏览器。它被多种工具使用,包括 Chrome DevTools、Puppeteer、Playwright 和其他自动化工具。

可用领域

CDP 被组织成多个领域,每个领域专注于浏览器功能的特定方面:

  • Accessibility: 无障碍树及相关信息
  • Animation: 动画相关事件和命令
  • Audits: 审计功能支持
  • Browser: 浏览器相关方法
  • Console: 控制台相关事件和方法
  • CSS: CSS 检查和修改
  • Debugger: JavaScript 调试器功能
  • DOM: DOM 树操作和检查
  • Network: 网络相关事件和方法
  • Page: 页面相关事件和方法
  • Runtime: JavaScript 运行时功能
  • 以及其他更多...

从侧边栏选择一个领域来探索其 API 方法、事件和类型。

开始使用

要开始使用 CDP,您可以通过多种方式连接到 Chrome:

  1. 直接使用 Chrome DevTools
  2. 通过 Puppeteer 等自动化库
  3. 通过 WebSocket 连接
  4. 使用 HTTP 端点

有关实际示例和集成指南,请参阅特定领域的文档。

使用场景

CDP 启用多种使用场景,包括:

  • Web 应用调试
  • 自动化测试
  • 性能分析
  • 无障碍审计
  • 网络流量检测
  • 渲染分析