企业官网建设流程全解析

1. 服务概述

一句话简介：基于Playwright的浏览器自动化MCP服务，支持网页交互、导航和自动化操作

• 服务名称：Browser Automation MCP
• 版本号：最新版本
• 开发者/提供方：hrmeetsingh
• 协议类型：MCP (Model Context Protocol)

2. 核心功能

该MCP服务提供以下主要功能：

• 浏览器控制：打开浏览器，导航到URL，控制浏览器行为
• 页面交互：点击元素，填写表单，执行用户操作
• 内容提取：从网页中提取文本、图像和其他内容
• 自动化任务：执行重复性浏览器任务，如数据抓取、表单提交
• Playwright集成：利用Playwright强大的浏览器自动化能力
• AI驱动：通过Claude Desktop接受用户提示，智能控制浏览器

3. 使用场景

该服务适合在以下情况下使用：

• 网页测试：自动化测试网页功能和用户交互流程
• 数据抓取：从网站提取结构化数据和信息
• 表单填写：自动填写和提交网页表单
• 网站导航：自动浏览网站，执行搜索和导航操作
• 截图捕获：捕获网页截图，用于报告和文档
• 重复任务自动化：自动化日常浏览器任务，提高效率

4. 接入方式

4.1 服务端点

该服务为本地服务，通过Node.js运行。需要克隆仓库并构建项目。

4.2 认证与权限

无需特殊认证，使用本地浏览器实例。所有操作在用户本地环境中执行。

4.3 数据格式

使用Playwright的API进行浏览器交互，支持：

• DOM操作和元素选择
• JavaScript执行
• 页面导航和等待
• 截图和PDF生成

4.4 服务器配置

步骤1：克隆和构建项目

# 克隆仓库 git clone https://github.com/hrmeetsingh/mcp-browser-automation.git # 安装依赖 npm install # 验证dist文件夹中的可执行文件

步骤2：配置Claude Desktop

在macOS上创建配置文件：~/Application Support/Claude/claude_desktop_config.json

{ "mcpServers": { "mcp-browser-automation": { "command": "node", "args": ["/path/to/mcp-browser-automation/dist/index.js"] } } }

5. 接口定义

该服务基于Playwright提供浏览器自动化功能：

5.1 核心功能

5.2 Playwright能力

该服务利用Playwright的强大功能：

• 跨浏览器支持（Chrome、Firefox、Safari）
• 自动等待元素
• 网络拦截和模拟
• 移动端模拟
• 多标签页和窗口管理

6. 快速开始

6.1 环境要求

• Node.js
• Playwright
• Claude Desktop

6.2 安装步骤

# 1. 克隆仓库 git clone https://github.com/hrmeetsingh/mcp-browser-automation.git # 2. 进入项目目录 cd mcp-browser-automation # 3. 安装依赖 npm install # 4. 验证构建 ls dist/index.js # 5. 配置Claude Desktop（见上文配置部分） # 6. 启动Claude Desktop

6.3 示例代码

在Claude Desktop中使用示例：

用户：@MCP Browser Automation Server 打开github.com并搜索MCP文档 Claude：正在执行浏览器自动化操作... 1. 打开浏览器 2. 导航到 https://github.com 3. 在搜索框中输入"MCP documentation" 4. 执行搜索操作 5. 显示搜索结果 已成功完成操作。搜索结果显示了多个与MCP文档相关的仓库。

自动化表单填写：

用户：@MCP Browser Automation Server 访问示例网站并填写注册表单 Claude：正在执行自动化任务... 1. 导航到目标网站 2. 定位注册表单 3. 填写用户名、邮箱和密码字段 4. 点击提交按钮 5. 验证注册成功 表单已成功提交。

7. 注意事项

• 本地运行：该服务在本地运行，需要手动克隆和构建项目
• Playwright依赖：需要安装Playwright及其浏览器驱动
• 路径配置：确保在Claude Desktop配置中使用正确的绝对路径
• 浏览器权限：首次运行时可能需要授予浏览器权限
• 演示项目：这是一个演示项目，用于实践MCP服务器实现
• 安全性：浏览器操作在用户本地环境执行，注意保护敏感信息
• 性能：浏览器自动化可能较慢，适合非实时任务
• 许可证：该项目采用MIT许可证，可自由使用、修改和分发