专栏名称: 前端早读课
我们关注前端,产品体验设计,更关注前端同行的成长。 每天清晨五点早读,四万+同行相伴成长。
目录
相关文章推荐
广东司法行政  ·  潮州:首创基层社会治理"1+3+5"工作机制 ·  10 小时前  
广东司法行政  ·  潮州:首创基层社会治理"1+3+5"工作机制 ·  10 小时前  
前端之巅  ·  苹果12年首次大改UI,还炮轰“跨平台”框架 ... ·  14 小时前  
前端大全  ·  Mobile Bridge:让 ... ·  昨天  
前端早读课  ·  【第3526期】通过 MCP ... ·  昨天  
51好读  ›  专栏  ›  前端早读课

【第3526期】通过 MCP 为代理浏览器赋予 DevTools 访问权限,助其获得超级能力

前端早读课  · 公众号  · 前端  · 2025-06-11 08:00

正文

请到「今天看啥」查看全文



// ...
}

其中 CDPResponse 是具有 CDP 消息响应形状的简单类型:

export interface CDPResponse{
    id: number;
    result?: any;
    error?:{
        code: number;
        message: string;
    };
}

接下来我们要通过 MCP 服务器对外暴露 sendCommand() 方法。这里省略一些实现细节,基本上可以通过官方 SDK 轻松实现:

this.server.setRequestHandler(ListToolsRequestSchema,async()=>{
    return{
        tools:[
            {
                name:"cdp_command",
                description:
                  "向已连接的页面发送一个 Chrome DevTools 协议命令",
                inputSchema:{
                    type:"object",
                    properties:{
                        method:{
                            type:"string",
                            description:
                                '任意 CDP 命令名称(例如:"Runtime.evaluate"、"Page.navigate")',
                       },
                       params:{
                           type:"string",
                           description:"该 CDP 命令的参数,使用 JSON 字符串格式",
                           default:"{}",
                       },
                    },
                    required:["method"],
                  },
               },
           ]as Tool[],
      };
});

this






请到「今天看啥」查看全文