摘要：你是否曾经希望你的AI助手不仅能回答问题，还能真正帮你操作网页——自动填写表单、抓取数据、执行重复性任务？现在，通过Playwright MCP Server，这一切都成为了可能。

你是否曾经希望你的AI助手不仅能回答问题，还能真正帮你操作网页——自动填写表单、抓取数据、执行重复性任务？现在，通过 Playwright MCP Server，这一切都成为了可能。

本文将带你从零开始，一步步将浏览器自动化能力赋予你的AI Agent，让它从一个被动的知识库转变为一个能主动执行任务的数字助手。

MCP是Anthropic推出的一个开放协议，它允许AI模型安全、可控地访问外部工具和数据源。你可以把它想象成AI的"USB接口"——通过标准化的方式连接各种外部能力。

Playwright是一个现代化的浏览器自动化库，支持Chrome、Firefox、Safari等主流浏览器。它比传统的Selenium更快速、更可靠，特别适合处理现代Web应用。

这就是连接AI与浏览器的桥梁！它是一个实现了MCP协议的服务器，将Playwright的浏览器操作能力"暴露"给AI模型，让AI能够：

Playwright MCP Server基于Node.js开发，首先需要安装运行环境：

如果你使用Claude Desktop，配置非常简单：

创建或编辑配置文件 claude_desktop_config.json：

注意：请将 /绝对路径/ 替换为你实际克隆仓库的路径。

重启Claude Desktop，大功告成！

重启后，在Claude的对话界面中，你可以尝试询问：

"你现在有哪些可用的工具？"

Claude应该会回复它现在可以使用的Playwright工具列表，包括：

让我们从一个简单的例子开始，感受AI自动化的魅力。

你的指令：

"请打开百度首页 (https://www.baidu.com)，在搜索框里输入'北京天气'，然后搜索。"

Claude的执行过程：

整个过程完全自动化！你不需要手动操作浏览器，也不需要复制粘贴任何内容。

现在你的AI Agent已经具备了以下超能力：

指令：

"去豆瓣电影Top250页面 (https://movie.douban.com/top250)，提取前5部电影的名称和评分，整理成表格。"

指令：

"打开一个练习用的注册页面，帮我填写测试用户信息：用户名testuser，邮箱test@example.com，密码Password123。"

指令：

"先登录到我的测试系统（账号: demo, 密码: demo），然后导航到用户管理页面，创建一个新用户'john_doe'。"

AI通常会自动选择合适的选择器，但你可以指导它：

当操作失败时：

来源：阿康聊科技