Chromium CDP 开发(八):测试自定义的CDP指令

引言

在本节中,我们将使用 Postman 来测试我们自己实现的 CDP 指令。Postman 是一个强大的 API 测试工具,可以方便地发送请求并查看响应。通过配置 Postman,我们可以模拟发送 timerSend 指令,并观察浏览器的响应行为。这将帮助我们验证指令的正确性和功能实现。

启动浏览器

首先我们启动我们编译好的浏览器并添加两个必要的命令行参数

这里的两个参数

复制代码
//配置远程调试端口(CDP)
--remote-debugging-port=1085
//配置用户目录
--user-data-dir=cdp_test

其中 --remote-debugging-port=1085 是关键是配置我们如何访问这个浏览器的CDP入口

然后我们可以参考CDP官方文档使用Postman来进行CDP测试

Chrome DevTools Protocol

连接CDP

首先我们使用 /json/version 获取debugg的webSocket链接,这里的browser后面的id每次启动都会变所以每次要重新获取

根据刚才我们配置的--remote-debugging-port=1085 我们获取要访问http://127.0.0.1:1085/json/version来获取websocket地址

http://127.0.0.1:xxx/json/version 是一个用于获取 Chrome DevTools Protocol(CDP)版本信息的 HTTP 请求接口。

这个接口里最重要的是提供了对浏览器的CDP websocket接入

之后我们链接上这个websocket地址

成功链接就说明我们已经连接上了浏览器的CDP服务

进行CDP通信

然后我们需要发送一个JSON数据体来访问我们的CDP访问

这里参考一下格式

复制代码
{
    //RequestId 因为CDP的返回值都是异步所以要配置一个请求id 这样这个请求id发送的指令的返回值出现时会携带同样的Id配成一对
    "id":1,
    //请求具体的指令这里的规则是 Domain.command 必须先写域名然后是指令名
    "method": "Browser.timerSend",
    "params":{
        //enable是必填值
        "enable":true
        //interval 在pdl里因为是 optional 所以是选填值这里可以不填写
        //"interval":1
    }
}

使用步骤:

  1. 配置 WebSocket :在 Postman 中创建一个新的 WebSocket 请求,连接到 ws://127.0.0.1:1085/devtools/browser/id(请根据实际调试端口替换)。
  2. 发送请求 :将上述 JSON 数据发送到 WebSocket 连接中。这将触发 timerSend 指令。
  3. 接收响应:观察 Postman 的响应面板,以查看 CDP 返回的结果。如果设置正确,您将收到与请求 ID 一致的响应,表明指令已成功执行。

通过这种方式,您可以快速验证所实现的 CDP 指令是否正常工作,并进行进一步的调试和测试。

这就代表CDP指令编写成功

总结

相关推荐
rockmelodies20 小时前
CentOS Stream 源码编译安装 Nginx 1.31.0(静态依赖版)
运维·chrome·nginx
小鹿软件办公1 天前
Google 在 Chrome 和搜索中加入 SynthID AI 图像检测功能
前端·人工智能·chrome
闫记康2 天前
Linux学习day5
linux·chrome·学习
嵌入式小站2 天前
STM32 零基础可移植教程 05:按键消抖,为什么按一次会触发好几次
chrome·stm32·嵌入式硬件
NiceCloud喜云2 天前
Claude API 流式输出(SSE)实战:从打字机效果到工具调用全流程
java·前端·ide·人工智能·chrome·intellij-idea·状态模式
七夜zippoe2 天前
OpenClaw Chrome 扩展:Browser Relay 配置
前端·chrome·openclaw·brower
JavaEdge.3 天前
06-LangChain Tool 加载与使用指南:预制工具、SerpAPI、edge-tts、GraphQL
chrome·langchain·graphql
秋93 天前
Axure RP Extension for Chrome 安装与配置完全指南:解决本地原型查看限制的深度解析与实践
chrome·axure·photoshop
汐ya~4 天前
Chrome DevTools MCP:把浏览器自动化与 DevTools 调试能力接入 AI Agent
人工智能·自动化·agent·chrome devtools
嵌入式小站4 天前
STM32 零基础可移植教程 04:按键输入,为什么按下去读到的是 0 或 1
chrome·stm32·嵌入式硬件