简介官方文档mcp-chrome/README_zh.md at master · hangwin/mcp-chrome · GitHubChrome MCP Server 是一个基于chrome插件的模型上下文协议 (MCP) 服务器它将Chrome 浏览器功能暴露给 Claude、Cursor等 AI 助手实现复杂的浏览器自动化、内容分析和语义搜索等。一、安装安装node.js和chrome接口自动化MCP阶段有介绍如何安装nodejsNode.js 18.19.0 和 npm 或 pnpmNode.js下载链接Node.js — 下载 Node.js®t下载下来的mis⽂件双击安装即可检查是否安装成功node -vv20.18.0(出现版本号即可版本可以不⼀致)npm -v10.8.2(出现版本号即可版本可以不⼀致)Chrome/Chromium 浏览器电脑上基本都安装有chrome浏览器该步骤可跳过安装mcp-chrome-bridge使用上面安装好的npm工具来安装npm install -g mcp-chrome-bridge安装chrome扩展扩展下载地址Releases · hangwin/mcp-chrome下载好之后解压在chrome浏览器上添加扩展连接chrome扩展默认为断开点击连接显示服务运行中即可在cursor中添加MCP配置在打开的mcp.json中添加chrome-mcp-server配置{ mcpServers: { chrome-mcp-server: { type: streamableHttp, url: http://127.0.0.1:12306/mcp } } }当状态变为“绿色”表示启动成功。至此所有内容安装完成二、使用完成了安装教程后我们就可以手动尝试前面的演示内容在cursor中输入提示词cursor将按照指令完成和chrome浏览器的交互。登录测试用例1.提示词使用chrome MCP执行以下操作用例1正常登录功能验证操作步骤1. 打开chrome访问登录页面http://49.235.61.184:19090/blog_login.html2. 在用户名输入框中输入zhangsan3. 在密码输入框中输入1234564. 点击提交按钮预期结果1. 检查页面是否登录成功页面跳转到blog_list.html2.运行结果列表页测试用例1.提示词使用chrome MCP执行以下操作用例1博客列表正常显示验证操作步骤1. 打开chrome浏览器访问博客列表页面http://49.235.61.184:19090/blog_list.html2. 页面标题显示博客列表页3. 左侧显示用户信息卡片包含头像、用户名、GitHub链接、文章和分类统计4. 右侧显示博客列表每个博客包含标题、创建时间、内容描述和查看全文链接5. 关闭chrome浏览器2.运行结果编辑博客测试用例1.提示词使用chrome MCP执行以下操作用例1博客详情内容显示验证操作步骤1. 打开chrome浏览器访问博客编辑页面http://49.235.61.184:19090/blog_edit.html2. 输入博客标题Chrome MCP博客标题3. 输入博客内容Chrome MCP博客内容使用的是markdown插件需要注意输入的方式可能会输入失败4. 点击发布文章预期结果1. 页面跳转到列表页blog_list.html2. 列表中最后一条博客为刚增加的博客文章2.运行结果至此cursor已经可以完全使用零编码方式来实现web ui自动化测试了。 接下来我们按照cursor实现自动化实战内容变成零代码的项目自动化实战。三、MCP零代码项目自动化实战生成登录页测试用例1.提示词根据页面图片生成登录页面的测试用例1包含功能和界面等方面来设计2按照优先级每个页面设计用例数量在10以内2.结果生成列表测试用例1.提示词列表页面图片根据页面图片生成列表页面的测试用例1包含功能和界面等方面来设计2按照优先级每个页面设计用例数量在10以内2.生成结果生成博客详情页测试用例1.提示词详情页面图片根据页面图片生成详情页面的测试用例1包含功能和界面等方面来设计2按照优先级每个页面设计用例数量在10以内2.生成结果生成博客编辑页测试用例1.提示词写博客页面图片根据页面图片生成写博客页面的测试用例1包含功能和界面等方面来设计2按照优先级每个页面设计用例数量在10以内2.生成结果运行自动化1.提示词登录页面测试用例.md 列表页面测试用例.md 详情页面测试用例.md 编辑页面测试用例.md使用chrome MCP执行操作所有页面测试用例文件中内容前置打开chrome浏览器访问页面URLhttp://49.235.61.184:19090/blog_list.html若页面显示“注销”按钮则点击后置关闭chrome浏览器要求:1)执行所有测试用例之前要进行一次前置操作,所有用例执行结束要执行一次后置操作2)严格按照用例中规定的操作步骤,执行每一个测试用例用例里面说未登录状态请自行注销来3)分别统计执行成功和失败的用例数量4测试用例执行过程中只能打开一个标签页不需要在执行过程中打开多个标签2.生成结果遇到弹窗就阻塞了去掉弹窗继续执行结论能满足部分web ui自动化要求。仍然存在问题1存在bug无法处理页面弹窗---自动化常见场景2不支持无头模式3自动化执行时间比传统方式长5倍Cursor生成的测试用例需要自己手动调整一下因为在执行的过程中可能会出现不少问题
)
