Cursor（AI代码生成）、MCP（浏览器底层协议）与 Playwright（现代自动化框架）

于 2025-05-13 13:03:20 发布
阅读量211 收藏
点赞数 7
分类专栏： 自动化测试(app pc API) python 文章标签： 自动化 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/testManger/article/details/147921749
版权

以下是如何将 Cursor（AI代码生成）、MCP（浏览器底层协议）与 Playwright（现代自动化框架） 深度集成的技术方案，实现高效、智能的浏览器自动化测试与开发：

一、集成架构与工作原理

了解本专栏 订阅专栏 解锁全文 超级会员免费看
基于 Cursor（AI代码生成） + MCP（浏览器底层协议控制） + Playwright（现代自动化框架）
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
05-13 16
搭建基于的Web自动化测试体系后，实际体验呈现出明显的的特点。
基于 Playwright MCP 的 AI 自动化测试实战「喂饭教程」
blues_C的博客
04-24 627
传统的自动化测试，高度依赖开发者手动编写和维护脚本，不仅耗时巨大，且脚本脆弱性高，一旦页面结构或元素发生细微变化便可能失效。随着 MCP（Model Context Protocol）协议的出现，大语言模型（LLM）与自动化工具的协同得以实现。现在，我们能够通过自然语言向工具下达指令，让其自动完成复杂的浏览器操作。
Cursor中的Playwright MCP：自动化测试与交互的完美结合
lingding_cn的专栏
04-21 1216
本文详细介绍了Playwright MCP在Cursor中的应用，包括MCP和Playwright的基本概念、Cursor编辑器的特点、MCP在Cursor中的配置方法以及如何使用Playwright MCP实现自动化页面交互，特别是登录场景的实现。文章通过实际代码示例展示了如何使用Playwright MCP控制浏览器进行自动登录，并提供了高级技巧和常见问题的解决方案。对于希望利用AI和自动化工具提高开发效率的开发者来说，本文是一份实用的指南。
UIAutomator 与 Playwright 在 AI 自动化中的界面修改对比
酌沧
04-23 1404
在 AI 驱动的 UI 自动化中，（主要用于 Web）和（用于 Android）的设计定位不同，对界面修改的支持也截然不同。下面从界面修改能力、API 设计、替代方案和实践建议等方面进行分析，对比两者在为大模型辅助决策时的作用。
MCP简介：从浏览器截图的自动化说起，从零基础到精通，收藏这篇就够了！
yy1715713348的博客
03-19 1650
(MCP) 是由Anthropic公司推出的一个开放协议，它标准化了应用程序如何向大型语言模型 (LLM) 提供上下文和工具的方式。我们可以将 MCP 理解为 AI 应用的"USB-C 接口"——就像 USB-C 为各种设备提供了标准化的连接方式，MCP 为 AI 模型提供了与不同数据源和工具连接的标准化方式。读取和写入本地文件查询数据库执行命令行操作控制浏览器与第三方 API 交互这极大地扩展了 AI 助手的能力边界，使其不再仅限于对话框内的文本交互。
AI IDE:Windsurf 配置Playwright的MCP Server
Criss@陈磊
02-17 1863
MCP（Model Context Protocol），是一个开发的协议，标准化了应用程序如何为大模型提供上下文。MCP提供了一个标准的为LLM提供数据、工具的方式，使用MCP会更容易的构建Agent或者是基于LLM的复杂工作流。
Cursor 配置 Browser MCP（基于浏览器底层协议控制）及浏览器插件安装
最新发布
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
05-12 188
以下是针对Browser MCP 在此上下文中指通过实现与 Cursor 的深度集成。92229222。
BrowserTools MCP：比Playwright更高效的AI驱动浏览器自动化工具
东方佑
04-08 1134
BrowserTools MCP不仅是一款工具，更是AI与开发工具融合的缩影。无论是调试复杂应用、优化SEO，还是快速响应用户需求，BrowserTools都在重新定义“高效开发”的边界。相比传统的Playwright和Puppeteer，它通过直接控制用户当前浏览器会话，无需启动新实例，显著降低了资源消耗，同时提供了AI辅助调试、SEO审计、DOM编辑等强大功能。“相比Playwright，BrowserTools的AI调试模式节省了我50%的排查时间。在AI与开发工具深度融合的今天，
AI浏览器自动化实战
weixin_42504048的博客
04-29 28
是一个开源项目，使 AI 大模型能够自动操作浏览器：短短几个月内，Browser use 已在 GitHub 上获得超过 5 万颗 star：近期大热的 AI 产品也选择了 Browser use 作为核心组件。随后，联合创始人@peakji也公开证实，确实采用了 @browser_use 的开源代码。本文将带你亲自搭建并测试 Browser use 项目。文中所用 AI 模型为刚刚升级的免费版 DeepSeek V3 0324。文中还会穿插源码相关知识，补充讲解项目的核心原理。
__init__() got an unexpected keyword argument 'encoding'
热门推荐
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
05-09 1万+
在做自动化测试过程中 读取用例测试数据 刚好用到py3  问题来啦:读取xml数据时 保报此错误 再提示错误的出处时 已经告诉了 解决办法 。。。。。py3与py2之间的差异...
python 爬虫对使用Xpath定位文本内容的处理extract_first()
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
12-03 1万+
1.使用string(.)进行we文本 内容的处理  这时的文本内容并非是真正干净的文本内容 还需要借助其他方法进行优化 用法如下: content.xpath('//*[@id="guidePage"]/section[2]/div[2]/ol/li[1]/h4').xpath('string(.)').extract_first() 结果如下:   2.用如下的方法进行优化 2...
由于一个或多个对象访问此列，ALTER TABLE DROP COLUMN ... 失败
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
09-11 1万+
在用django 连接数据库 用如下命令 创建模型后 会有以下错  创建模型:  python manage.py migrate   # 创建表结构 $ python manage.py makemigrations TestModel  # 让 Django 知道我们在我们的模型有一些变更 $ python manage.py migrate TestModel   # 创建表结构 会有...
Windows cmd下运行python脚本报错“ImportError： No Module named ...”的解决方法
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
06-07 8802
想让测试用例以及发送报告的动作分开 这样看起来比较清晰 结果 结果你猜怎么着！在编辑器 完美运行 但是这不是我想要的 要让他自动定时执行测试用例 两种方法1.要么加入到Windows服务里 产生.bat文件 加入对应的服务即可(怎么加 这里跳过 重点讲产生.bat文件 使用命令运行报错的解决办法)2.使用Jenkins持续集成（Jenkins的安装 以及使用 以及注意事项 百度一大堆）重点说下 第...
Python 定位select 下拉框 Python遍历option且选中想要的值
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
03-15 6819
直接上代码 应该可以吧
Python 3.6 解决"PermissionError: [Errno 13] Permission denied
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
05-09 5680
发生这种错误 一般都是在 读取文件的时候，那么这种错误的原因是什么呢！！？我们先来看图说话:我们是要找到文件的路劲 而不是文件夹的路径  那么问题反馈的结果是:这不是一个 路径 找不到这样路的文件 所以怎么解决了 要指明 该文件夹下的那个文件，修改后为:test_report_dir = 'D:\\AutotestFile\\result.html'...
scrapy的extract() 、extract_first()方法，get() 、getall() 方法
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
07-24 5305
1.extract()方法： 结果如下： 结论：说明了extract()方法返回的是符合要求的所有的数据，存在一个列表里。 2.extract_first()方法: def parse(self, response): sel = Selector(response) hrefs = sel.xpath(r'//*[@class="c1 ico2"]/li/a/@href') print(hrefs.extract_first()) 结果如下： '/4253340.htm...
deepseek接入pycharm 进行AI编程
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
02-03 5282
## 注意事项 - **费用问题**：使用DeepSeek API可能会产生费用，要注意查看官方的定价策略，合理使用API。### 2. 安装必要的Python库 在PyCharm中，你需要安装`requests`库，它可以帮助你方便地向DeepSeek API发送HTTP请求。### 1. 获取DeepSeek API访问权限 DeepSeek通常以API的形式对外提供服务，你需要在其官方网站注册账号，申请API访问权限。在申请通过后，会获得API密钥（API Key），这是后续调用API的关键凭证。
access token invalid or no longer valid
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
04-04 5162
调用百度云开放API进行人脸识别： access token invalid or no longer valid import requests host='https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=DN3tVBfAPrN2lxRha2zZBQGE&cli...
VUE axios请求接口数据时相应undefined
主攻大数据 人工智能 物联网 安全 低空经济等方向。mtsc 、gtest特邀分享嘉宾
01-11 4869
1.这是对axios进行的二次封装的代码（这部分代码是在request.js中） 2.这是对API统一请求的代码 import requests from "./request.js"; //对请求接口进行封装 export const userinfor_by_get = ()=>requests({url:'/approuter/user/',method:'get'}); 3.在vue文件中对接口进行请求 ,如果请求的方法这样写是没有错的，如果想用res引用任何信息 就会提示u
Cursor MCP
03-19
### 关于 Cursor 和 MCP 协议的背景 Cursor 是一款实现了 MCP (Model Context Protocol) 客户端的应用程序[^1]。MCP 是一种开放协议，旨在标准化应用程序向大型语言模型（LLMs）提供上下文的方式[^4]。通过这种协议，开发者可以更轻松地构建 Agent 或者基于 LLM 的复杂工作流。 在实际应用中，用户可以通过配置 MCP 服务端，在 Cursor 中调用各种工具和服务。这种方式不仅简化了开发流程，还提高了工作效率。然而，需要注意的是，运行这些工具可能会占用较多内存资源，尤其是在本地环境中执行时[^3]。 ### 性能与优化建议 对于机器性能有限的情况，直接启动所有工具可能并不是最佳选择。因此，推荐采用按需加载策略——仅在必要时启动所需的服务或工具。尽管这种方法稍显繁琐，但它能够有效减少资源消耗并提升整体效率。 另外，如果某些特定功能已经被 Cursor 自身所支持，则无需额外依赖外部插件或扩展；反之，当面对不熟悉的工具集时，借助 AI 辅助可能是更为明智的选择。 ### 技术实现案例分析 以 WindSurf 配置 Playwright 的 MCP Server 为例，展示了如何利用该协议增强软件的功能性及灵活性： ```javascript // Example of configuring an MCP server with Playwright in Node.js environment. const { chromium } = require('playwright'); async function startMcpServer() { const browser = await chromium.launch(); const page = await browser.newPage(); // Simulate interaction according to the requirements defined by your model's context protocol. await page.goto('https://example.com'); console.log(await page.title()); await browser.close(); } startMcpServer(); ``` 上述代码片段演示了在一个典型的 JavaScript/Node.js 开发环境下，如何初始化一个简单的浏览器实例并通过其访问网页内容作为 MCP 数据源的一部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小赖同学啊

感谢上帝的投喂

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值