玩转 MCP 第二弹｜一文教你用 Trae 实现网页自动化测试

原创 于 2025-06-16 17:36:20 发布 · 1.4k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#MCP #Trae

资料来源：火山引擎-开发者社区


上一期，我们介绍了如何通过使用 MCP Server - Figma AI Bridge，轻松将你的 Figma 设计稿转换为整洁的前端代码，并生成相应的网页，让设计到落地的效率飙升！快没看过的小伙伴可以戳这里补课哦  玩转MCP第一弹｜手把手教你将 Figma 设计稿转化为前端代码
在现代化的 Web 开发中，自动化测试已成为确保应用质量、加速迭代周期的关键环节。Playwright 凭借其跨浏览器支持、强大的自动化能力以及灵活的 API，成为自动化端到端测试的理想选择。本期「玩转 MCP 」将详细介绍如何在 Trae IDE 中高效集成 Playwright 这一 MCP Server，构建自动化测试解决方案，帮助你快速验证网页的交互逻辑，减少人工测试成本，提升整体开发效率！（完整内容同步发布于官方文档站，想在电脑跟练的小伙伴也可以通过这里访问呦~，链接：https://sourl.cn/vb4Tsd）
让我们开始吧！


效果展示
以下为部分使用 Trae IDE 自动化测试网页的效果展示：
● 打开网页： 该示例中，Trae IDE 自动打开了页面。
https://docs.trae.com.cn/ide/model-context-protocol





● 打开网页并点击页面上的超链接： 该示例中，Trae IDE 自动打开了页面，
https://docs.trae.com.cn/ide/model-context-protocol
并点击了 “MCP 官方文档” 这一添加了超链接的文字。



 


操作步骤
跟随教程，在项目中集成 MCP Server - Playwright，配置智能体，然后使用指令来测试网页。
第一步：安装 Trae IDE
Trae IDE 与 AI 深度集成，提供智能问答、代码自动补全以及基于 Agent 的 AI 自动编程能力。使用 Trae 开发项目时，你可以与 AI 灵活协作，提升开发效率。前往 Trae

最低0.47元/天 解锁文章
博客
DeepSeek-V3.2正式登陆火山方舟
12-05 390
12月1日，DeepSeek-V3.2 正式版发布。该模型具备出色的推理能力，在公开的推理类 Benchmark 测试中，达到了 GPT-5 的水平。此外，DeepSeek-V3.2 首次将思考融入工具使用，并同时支持思考模式与非思考模式的工具调用。今日，火山方舟正式上线 DeepSeek-V3.2 ，依托充沛算力与极致推理层优化，为用户提供高速、稳定的“满血版”高质量 Tokens 服务。
博客
Vector Bucket：云原生向量存储新范式
12-05 999
在当前的大模型、推荐系统和 AI Agent 等热门技术中，“向量”成为了实现落地的关键。传统的搜索依赖。例如，搜索“新能源车”可能错过提到“电动车”或“绿色出行”的内容。这种方式的局限在于检索引擎。而不同。当文本被转化为向量时，其含义被编码在中。在这个语义空间里，“新能源车”和“电动车”的向量会非常接近，即使字面上完全不同。这意味着机器第一次具备了理解“意思”的能力，而不仅仅是字面匹配。在 AI 世界，这种“理解”正是通过向量来实现的。
博客
豆包图像创作模型 Seedream 4.5发布：聚焦商业生产力场景
12-03 1268
12月3日，火山引擎正式发布（以下简称 Seedream 4.5）。新一代模型在等方面实现迭代，进一步提升了图像生成的整体质量与稳定性。此次升级重点强化了，确保多源素材融合时的自然感与一致性；同时优化了，支持高精度图文混排，广告物料生成更简单高效。目前，Seedream 4.5已全面支持等核心场景应用。
博客
火山引擎年终技术盛宴，邀你共话 AI Agent 开发与应用！
12-02 218
大会将以 Agent 开发为主题，通过技术分享、案例解析、动手实操、展区互动等形式，带来豆包大模型、火山方舟、Agentkit、扣子和 TRAE 等最新内容，帮助你了解如何编排可靠的工作流、精准设计提示词、构建维护知识库，为你呈现一场 AI 云原生的年终技术盛宴！当技术瓶颈与场景需求碰撞，当创新机遇与时代趋势重叠，我们诚邀每一位心怀热爱与远见的开发者，共同参与见证 Agent 的爆发，用技术突破边界，用创新定义未来，让每一行代码成为开启未来的钥匙！
博客
火山引擎向量数据库 Milvus 版正式商业化：AI 时代的向量检索新标杆
12-01 551
数据堆成了山，却像乱码一样没法用”——这是当下不少企业在AI浪潮中的共同窘境。当大模型像潮水般涌入业务，文本、图像、音频这些“不规则”的非结构化数据，正以每天数十亿条的速度疯狂增长，IDC给出了更详细的数据：2025 年，全年新产生的数据中将有 90% 是非结构化数据，它们本该是企业的“金矿”，却因传统工具“读不懂、查不快、管不好”，沦为食之无味的“数据鸡肋”——只有 18% 的企业机构认为他们有效地利用了非结构化数据。
博客
火山引擎多模态数据湖联合 AI 命令行工具 veCLI：用自然语言完成数据开发全流程
11-27 283
中国智能手机市场相关数据以数据集形式存储于 AI 数据湖 LAS 中，当用户通过 veCLI 输入自然语言指令时，LAS MCP 通过标准化接口实现与 veCLI 的无缝对接，一键启动 “信息采集→整理→分析→可视化” 的全流程自动化闭环，高效完成从指令到成果的转化。据介绍，这套解决方案已在智能驾驶、金融科技、具身智能等多个行业深度应用，比如在自动驾驶场景中，面对车端、路端数据不断膨胀，管理及存储成本高企等问题，多模态数据湖帮助某车企实现了存储成本降低30%、管理效率提升50%。
博客
让文件存储“会说话”：vePFS 数据洞察功能全新发布
11-27 312
在数据驱动的时代，文件存储不应再是“沉默的仓库”，而应是企业的核心数据资产。vePFS 数据洞察功能，以技术创新打破了文件存储与数据分析之间的壁垒，让每一份数据的价值都清晰可见，让每一次存储决策都有据可依。从今天起，选择 vePFS 数据洞察，告别“数据黑箱”，开启文件存储的“透明化”管理新时代。点击【阅读原文】，了解更多 vePFS 信息。
博客
火山引擎 FORCE 原动力大会·冬，12月18-19日见！
11-25 486
立即报名参会或预约直播。
博客
火山引擎 MongoDB 进化史：从扛住抖音流量洪峰到 AI 数据底座
11-20 1209
在生成式人工智能和大模型迅猛发展的当下，数据已不再仅仅是「存储」对象，而是智能应用的核心资产。MongoDB 凭借灵活的数据模型、丰富且高性能的查询能力以及原生向量检索能力，成为构建 RAG 系统、智能问答、推荐引擎等 AI 应用的理想基础。而在字节跳动庞大的技术版图中，MongoDB 也并非简单的 “数据库工具”，而是伴随业务从创业期到 AI 时代的 “核心数据底座”。
博客
veDB-Search 实战：多路召回，文搜万物
11-19 914
而 veDB-Search，则是基于 veDB MySQL 版的技术底座，拓展出的一站式混合检索的全新服务：用户仅使用 SQL ，即可完成对向量+全文+标量数据的存储和混合检索。如果用户不想使用 RRF，或是想获取具体 score 值，可以使用 veDB-Search 提供的 similarity 函数，此函数返回已经范式化的 score 值，可直接参与 ORDER BY 排序。veDB-Search支持对多路召回结果进行加权，既能确保标量和全文检索的精确性，同时也能保障向量搜索的语义理解能力。
博客
豆包编程模型发布！AI 程序员双十一大促9.9元到岗
11-19 998
举例来说，创建一个美观的交互式英语学习网站，相同tokens量下（0-32k输入区间），Claude Sonnet 4.5成本约4.05元，GLM-4.6约0.77元，而Doubao-Seed-Code仅0.34元。，在Terminal Bench、SWE-Bench-Verified-Openhands、Multi-SWE-Bench-Flash-Openhands等多项权威基准测试中表现优异，领先国内同类模型。：专为 Agentic 编程任务深度优化，在SWE-Bench-Verified官方榜单中。
博客
实战｜从手绘稿到小游戏，豆包编程模型上手指南
11-13 1056
打开方舟 Coding Plan（https://www.volcengine.com/activity/codingplan），活动页面，对比选择适合的套餐，轻量化使用考虑Lite，频繁使用考虑Pro。（https://console.volcengine.com/ark/region:ark+cn-beijing/apikey）使用已注册的火山引擎账号访问实名认证页面（https://console.volcengine.com/user/authentication/detail/）
博客
Vibe Coze-企业 AI 应用赛道开启
11-12 994
参赛选手需从企业真实需求（如数据分析、办公助手、知识查询/管理、营销推广等场景）出发，基于扣子（coze.cn) /扣子空间的能力创建一个 H5 或其他可复现的成品项目，推荐结合使用豆包编程模型 Doubao-Seed-Code、火山引擎 veCLI。三大赛道均可参与，形式不限，你可以选择帮你的作品/开发过程等等瞬间发布到抖音、小红书、即刻、B站、公众号、社群等任意社交平台上，艾特@扣子Coze，打上#扣子AI工坊 #扣子空间 两个tag，即可参与评选。
博客
Agent Developer Group 正式启航，共赴 Agent 技术新征程！
11-10 780
成立 ADG 社区，正是为了搭建一个开放、共享、协作的平台，汇聚各方智慧与力量，共同交流、探索 Agent 开发与应用的话题，让更多开发者能在 AI 时代学习和实践最前沿的技术。ADG 并非火山引擎的销售渠道，也不隶属于火山引擎，它是一个独立运营的用户与开发者社区，为成员提供结识新友、学习新技术的平台。从技术原理的深度剖析，到实际项目的案例解析，再到动手实践的操作指导，最后实现技术的落地应用，形成一个完整的学习与实践闭环，助力大家在 Agent 技术领域不断成长与进步。
博客
Data+AI 时代，对象存储为 AI 应用注入全局动力
11-06 796
在 Data+AI 时代，面对生成式 AI 与智能驾驶等场景所催生的海量数据存储需求，传统对象存储需应对三大核心挑战：POSIX 协议转换性能不足、分布式训练数据跨域协同困难、分布式训练场景下的存储性能瓶颈（高频并发访问导致算力空转）。针对这些问题，TOS 创新性地提出FSX+MRAP+加速器全链路加速方案。
博客
veRL CollabLLM recipe: 奖励全局最优，训练出善于对话的协作型 LLM
10-23 1150
LLM 协作能力瓶颈与 CollabLLM 的创新思路大型语言模型（LLMs）已经能够解决奥林匹克竞赛等难题，但却常在极其简单的日常多轮对话中表现较差。对于大多数用户提出的不够具体的需求，这些 AI 工具可能会作出不当假设、忽略关键细节或未能提出澄清问题、以及无法主动提供建议。
博客
火山方舟原生支持自持密钥 HYOK｜密钥管理最佳实践
10-23 828
为了向用户提供更高数据安全等级和掌控权，火山方舟首发支持 MaaS 原生的 HYOK（Hold Your Own Key，自持密钥）能力，数据集与精调模型的传输、存储、调用过程全部支持使用用户自持密钥。
博客
5 倍性能优于开源版，火山 Milvus 集成 DiskANN+RaBitQ
10-23 705
向量检索正在进入“既要又要”的时代：既要高召回、低时延，又要可扩到亿级、成本可控。此前在火山云搜索中，我们引入磁盘化向量索引 DiskANN[1]，通过将向量存储在磁盘上，内存仅保留图文件，低成本支撑百亿级数据，将向量检索的成本减少 90% 以上。
博客
火山引擎发布 veFusionX：“两行代码” 实现智驾模型训练效率翻倍！
10-14 567
veFusionX 的核心目标是：用最少的代码改动，换最大的效率提升—— 只需两行代码，就能让数据吞吐提升 100%；同时兼容多硬件平台，降低开发者迁移成本。
博客
为 AI Agent 行为立“规矩”——字节跳动提出 Jeddak AgentArmor 智能体安全框架
10-14 848
继 LLM（大语言模型）之后，AI Agent（智能体）正掀起新一轮的技术革命。它们不再仅仅是语言的“复读机”，而是能够自主理解、规划并执行现实世界任务的“行动派”。从自动预订旅行、管理复杂的云资源，到处理成千上万封邮件，AI Agent 展现出的巨大潜力，预示着一个由 AI 驱动的自动化新纪元。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值