What is Browser MCP?
是否曾希望您的 AI 编码助手或聊天机器人能够代表您直接与网站互动? 许多强大的 AI 工具缺乏控制 Web 浏览器的能力,这限制了它们执行诸如自动测试或数据收集等任务的能力。Browser MCP 提供了连接,它充当本地模型上下文协议 (MCP) 服务器,允许 VS Code、Claude、Cursor 和 Windsurf 等应用程序安全地驱动您的浏览器。
想象一下,指示您的 AI 填写复杂的表单,测试 Web 应用程序上的用户旅程,或从站点提取特定信息 —— Browser MCP 通过让您的 AI 工具受控地访问您的浏览器环境,从而使这一切成为可能。
主要特性
🌐 Navigate(导航): 指示您的浏览器打开任何指定的 URL。
⬅️ Go Back(后退): 在您的浏览器历史记录中移动到先前访问的页面。
➡️ Go Forward(前进): 前进到您的浏览器历史记录中的下一个页面。
⏱️ Wait(等待): 暂停执行一段设定的时间,以便页面或元素加载完成。
⌨️ Press Key(按键): 在浏览器上下文中模拟键盘按键操作。
📸 Snapshot(快照): 捕获当前页面的可访问性树,可用于验证或数据提取。
👆 Click(点击): 对指定的网页元素执行点击操作。
✋ Drag & Drop(拖放): 模拟拖动一个元素并将其放置到另一个元素上。
👋 Hover(悬停): 将鼠标光标移动到特定元素上以触发悬停效果或工具提示。
🔤 Type Text(输入文本): 将文本输入到表单字段或网页上的其他可编辑区域。
📝 Select Option(选择选项): 从下拉菜单(选择元素)中选择一个特定的选项。
🖥️ Get Console Logs(获取控制台日志): 从浏览器的开发者控制台检索日志,用于调试或验证。
实际用例
了解 Browser MCP 如何简化您的工作流程:
End-to-End Testing(端到端测试): 您正在开发一个新的电子商务结账流程。 您无需在每次代码更改后手动单击每个步骤,而是可以指示您的 AI 编辑器(通过 Browser MCP)导航到产品页面,将商品添加到购物车,继续结账,填写测试地址和付款详细信息,并验证订单确认消息。 这可以直接从您的开发环境自动化一个关键的测试循环。
Automated Data Collection(自动数据收集): 您需要从多个在线目录中收集联系信息。 您可以设置您的 AI 应用程序以使用 Browser MCP 导航到每个目录页面,识别相关的联系人字段(使用快照或元素选择器),提取电子邮件地址和电话号码,并将它们编译成一个列表 —— 所有这些都无需手动复制粘贴。
Repetitive Task Handling(重复性任务处理): 您的日常工作包括登录项目管理工具,并根据最近的活动更新多个任务的状态。 借助 Browser MCP,您的 AI 助手可以处理此问题:导航到登录页面,使用您保存的凭据(因为它使用您的个人资料),查找相关任务,并根据您的指示更新其状态。
为什么选择 Browser MCP?
Browser MCP 提供了一种独特的浏览器自动化方法:
Speed(速度): 由于自动化直接在您的机器上使用您安装的浏览器运行,因此没有基于云的延迟。 操作执行迅速。
Privacy(隐私): 您的浏览活动和数据保留在您的本地设备上。 Browser MCP 促进您的 AI 应用程序和浏览器之间的本地通信,而无需将浏览数据发送到外部服务器。
Authenticity(真实性): 它利用您现有的浏览器配置文件,这意味着您始终登录到您的帐户。 这也有助于避免基本的机器人检测措施,因为它使用您的真实浏览器指纹。
入门指南
集成 Browser MCP 只需几个步骤:
Install(安装): 将 Browser MCP 扩展添加到您的兼容 Web 浏览器。
Connect(连接): 配置您首选的支持 MCP 的 AI 应用程序(如 Cursor、Claude、VSCode 或 Windsurf)以使用 Browser MCP 服务器。
Automate(自动化): 开始定义任务,并让您的 AI 工具通过您的浏览器与 Web 进行交互。





