大模型的UI自动化：Cline 使用Playwright MCP Server完成测试

最新推荐文章于 2025-04-16 16:22:10 发布
最新推荐文章于 2025-04-16 16:22:10 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： AI系统的测试入门与实践 文章标签： ui 自动化 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crisschan/article/details/145826848
版权

大模型的UI自动化：Cline 使用Playwright MCP Server完成测试

MCP

MCP（Model Context Protocol），是一个开发的协议，标准化了应用程序如何为大模型提供上下文。MCP提供了一个标准的为LLM提供数据、工具的方式，使用MCP会更容易的构建Agent或者是基于LLM的复杂工作流。
最近越来越受到大家的追捧，也有很多网站开始提供全部的MCP Server、MCP Client等内容，推荐https://www.pulsemcp.com/，这个网站收录的MCP Server比较全面，也包含了MCP Client的介绍。

Cline使用Playwright MCP Server


这么多MCP Client，Cline目前看来适用法最简单的一个，Cline是VSCode

了解本专栏 订阅专栏 解锁全文 超级会员免费看
借助Claude实现Playwright的自动化（MCP Server）
Criss@陈磊
01-14 2245
MCP Server自己开发也是可以的，现在也有很多开箱即用的MCP Server，可以在https://github.com/modelcontextprotocol/servers中查找。
基于Cline和OpenRouter模型进行MCP实战
热门推荐
herosunly的博客
04-13 1万+
本文主要介绍了基于Cline和OpenRouter模型进行MCP实战，希望对学习大语言模型的同学们有所帮助。 文章目录 1. 前言 2. MCP实战 2.1 模型选型 2.2 安装环境 2.3 安装MCP服务 2.4 MCP实战 3. Bug解决方案
1分钟本地使用Playwright MCP执行重复性工作
2301_81608166的博客
03-27 523
完全解放两手，1分钟本地使用Playwright MCP执行重复性工作。1分钟本地使用Playwright MCP执行重复性工作。不需要使用到视觉大模型！不需要使用到视觉大模型！不需要使用到视觉大模型！这是一款轻量化，性能佳基于““的自动化交互工具！
Cline + MCP Server 根据规则大型项目开发思路
qy8502的专栏
01-16 2934
Cline 是一个开源的 AI 助手插件，深度集成在 VS Code 中，为开发者提供了完整的代码编辑体验。它支持多种 API 提供商和模型，开发者可以自由选择调用远程模型还是本地模型。它实现复杂的软件开发任务，具有文件创建与编辑、命令行集成、浏览器操作和 MCP 协议支持等亮点功能。更重要的是，Cline 的 “人类监督” 机制保证了代码和命令的安全性，为开发者提供了自由与安全的平衡。竞品：Cursor、Windsurf、通义灵码选择理由：免费、多种模型选择、支持MCP。
Playwright + MCP：用AI对话重新定义浏览器自动化，效率提升300%！
测试工程师成长之路
03-23 4723
Playwright + MCP的结合，标志着自动化领域从“代码驱动”向“AI驱动”的革命性转变。无论是测试工程师、开发人员还是数据分析师，均可借助这一技术栈大幅提升效率。
MCP-Playwright: 赋予AI模型操控浏览器的能力
luocong321的博客
04-08 1542
MCP-Playwright是一个基于模型上下文协议(Model Context Protocol)的服务器，它为大型语言模型(LLM)提供了使用Playwright进行浏览器自动化的能力。简单来说，这个项目让像Claude、GPT等AI模型拥有了"眼睛和手"，能够真实地浏览网页、点击按钮、填写表单，甚至执行复杂的自动化测试流程。由ExecuteAutomation团队开发的这个项目在GitHub上已经获得了2.5k+的星标，证明了开发者社区对这种技术的热情。
Playwright-MCP 使用教程
gitblog_01019的博客
03-29 1639
Playwright-MCP 使用教程 playwright-mcp Playwright Tools for MCP 项目地址: https://gitcode.com/gh_mirrors/pl/playwright-mcp ...
比扣子更简单！用 Cline + MCP 快速打造可控智能体：实战案例解析
surfirst的博客
12-30 2908
随着人工智能技术的不断进步，构建个性化智能体的需求日益增加。国内虽然已有一些智能体平台，如豆包扣子，但这些平台要求开发者将代码和数据上传到第三方服务器，对于一些商业信息敏感的客户来说，这种做法可能带来数据泄露的风险。而在国际市场上，Anthropic 开源的 **MCP 协议** 和 **Cline** 插件，则为开发者提供了一种更加简单、安全、可控的方式来创建智能体。本文将详细介绍如何使用 **Cline** 和 **MCP 协议** 来快速搭建智能体，并通过实战案例展示其强大能力。
Windows下Cline配置playwright-mcp-server实现智能化测试
公子公子的博客
04-16 1085
现在网上提供的教程中，多数是通过MCP社区，例如pulsemcp，或者是直接在GitHub上参考开源项目的说明文档。同时可以查看mcp提供的详细服务，也可以在可视化界面中直接配置“自动批准”，修改后会自动同步配置。大部分的文章里直接就拿着这几个网站给的示例，进行配置了，甚至还有些会告诉你可以直接把配置复制到任务里，让Cline自己装。在VS Code中安装Cline的步骤就不在这里赘述了，可以参考我之前的文章。Cline内部也提供了市场，可以直接安装，部分直接安装失败的就需要手工处理了。
MCP技术：渗透测试从自动化到智能化
GRXHunter的博客
03-31 1290
还在自动化渗透测试？来看看智能化！
playwright mcp实现UI自动化测试
weixin_45419608的博客
04-14 231
路径：文件-》首选项-》cursor settings-》MCP下是否如下图所示,如图则表明正常使用。配置mcp.json文件，文件位置：.cursor文件夹下，如没有可手动创建文件并配置如下内容。二级使用：给定网址mcp自动生成playwright框架的测试脚本并执行。即可在对话框中编写指令，或创建一个文件编写指令并在对话框中执行该文件。例如我的文件位置在：C:\Users\自己的用户名\.cursor。一级使用：人为描述每一个步骤让mcp执行打开网址，输入，点击等操作。
AI自动化零代码搭建MCP Server：利用开源工具实现数据库与文件操作自动化系统构建
最新发布
04-24
内容概要：本文介绍了如何利用开源工具零代码搭建MCP Server，实现AI自动化操作。MCP作为一种“万能插头”，使大语言模型无需编写代码就能调用各种工具，如数据库查询、文件操作等，具有零代码、模块化、即插即用的...
Cline 如何快速构建一个 MCP Server 应用
roamingcode的博客
03-05 1548
开发一个 MCP Server 应用（dify-workflows-mcp ），用于实现在 vscode cline 的 MCP Client 中调用 dify 里面的指定工作流。
简化 Cursor, Windsurf 和 Cline 的开发流程：揭示 8 个必备的 MCP Server 插件
surfirst的博客
02-26 1911
随着智能体（Agent）技术的快速发展，MCP（Model Communication Protocol）协议因其易用性和高效性，逐渐成为智能体生态中的核心通信标准。越来越多的头部 AI 代码编辑器（如 Cursor、Windsurf 等）开始支持 MCP 协议，进一步推动了智能体的普及。而 Cline 更是推出了 MCP Server 市场，为开发者提供了丰富的工具选择。那么，在众多的 MCP Server 中，哪些值得一试呢？本文将为大家推荐几款实用的 MCP Server，帮助开发者更高效地完成研发任
MCP-Playwright：AI自动化神器，可执行JS代码进行复杂交互任务！
yxzyfx的博客
03-14 966
作为开源的 AI 网页自动化工具之一，它可以让 Claude、GPT-4o 等 LLM 具备真实网页交互能力，实现浏览器操作、数据抓取、JavaScript 执行、网页截图等功能。适用于自动化测试、信息抓取、SEO 竞品分析、AI 智能代理等任务。如果你希望让 AI 更智能地处理网页任务，或者需要一个高效的自动化工具，不妨试试 Playwright MCP Server。
Playwright + MCP：用AI对话重新定义浏览器自动化，助力提效300%
m0_59235699的博客
04-15 1248
Playwright：跨浏览器自动化的“瑞士军刀”。MCP协议通过定义统一的通信标准，让LLM能够无缝调用外部工具（如浏览器、数据库、本地文件）。客户端配置（以VSCode Cline为例）安装Cline插件安装后直接执行勾选这这个然后点击右上角点击installed配置：如果链接不上去可以然后输入允运行后，可以看到已经链接成功，有这么多tools然后就可以在本地进行测试了备注，如果没有大模型可以参考：配置国内开源的。上面是微软的，但是感觉微软的封装的没有那么多。网上还有一个。
【AI News | 20250313】每日AI进展
Jungle胡的博客
03-14 947
与 Stable Diffusion、Flux 不同，Gemini 2.0 Flash EXP 模型不仅能够通过自然语言生成图片，还能将图像与文本混合输出，甚至支持多轮对话，逐步调整和优化图像。目前，手机版和Web端已上线，电脑版即将推出，进一步优化协作体验。强大的 AI 研究助手，可在本地运行执行深度、迭代式研究分析，支持多种 LLM 和网络搜索，结合隐私保护和强大研究能力于一体。此外，VACE 还支持视频重渲染，能够在保留内容、结构、主体、姿态和动作的同时，对视频进行高质量的重新渲染。
cline+deepseek大模型进行自动化测试
02-07
### 使用Cline和DeepSeek大模型进行自动化测试 #### Cline简介 Cline是一个命令行接口工具，用于与区块链交互。通过Cline可以发送交易、查询账户余额以及执行其他操作。这使得它成为开发人员调试和测试智能合约的理想选择[^1]。 #### DeepSeek大模型概述 DeepSeek大模型是一种先进的预训练语言模型，在自然语言处理领域表现出色。该模型能够理解复杂的语义结构并生成高质量的回答或代码片段。当应用于软件工程场景下时，可以帮助识别潜在错误模式并对程序行为做出预测分析[^2]。 #### 实施自动化测试最佳实践 对于基于CLI的应用程序来说，利用像pytest这样的框架来编写单元测试是非常有效的做法之一；而对于涉及AI组件的部分，则可以通过定义特定输入输出样本来验证其准确性。具体到本案例中： - **集成测试**：构建一系列针对不同功能模块的测试用例集，确保各个部分协同工作正常。例如，创建一个模拟环境以触发各种类型的链上事件，并记录响应时间及状态变化情况。 - **回归测试**：每当修改源码库之后都要重新运行全部现有测试套件，防止引入新的缺陷。特别是对于依赖于外部API调用的地方更应该加强监控力度。 - **性能评估**：除了关注功能性之外还要考虑效率方面的要求。借助profiler工具测量CPU占用率、内存消耗等指标，从而找出可能存在的瓶颈所在位置。 ```python import pytest from deepseek import predict def test_cline_command(): result = cline.execute('get_info') assert 'head_block_num' in result @pytest.mark.parametrize("input_text,expected", [ ("hello world", "Hello World"), ("good morning", "Good Morning") ]) def test_deepseek_model(input_text, expected): output = predict(input_text) assert output.lower() == expected.lower() ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

CrissChan

开心就好

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

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

打赏作者

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

抵扣说明：

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

余额充值