MCP Catalogs
← 首页

opencode-browser

by michaljach·★ 46·综合分 45

OpenCode 的 MCP 插件，通过 Browser MCP 集成实现浏览器自动化功能。

browser-automationweb-scrapingdeveloper-tools
5
Forks
0
活跃 Issue
1 个月前
最近提交
2 天前
收录于

概述

opencode-browser 是 OpenCode AI 编辑器的专用插件，与 Browser MCP 集成以提供全面的浏览器自动化功能。它允许 AI 控制 Chrome 或 Edge 浏览器，执行网页导航、表单填写、元素交互和网络抓取等任务。该插件注重性能，实现了速度导向的指导，使模型偏向于高效的工作流程，并尽可能减少截图和快照等昂贵操作。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

你:自动化网页测试和 Web 应用程序验证
你:从各种网站进行数据提取和网络爬取
你:表单自动化和数据录入等重复性网页任务
你:支持哪些浏览器？
你:如何解决浏览器连接问题？

什么时候选它

当您需要在 OpenCode 编辑器中实现 AI 驱动的浏览器自动化，并优化网页交互性能时选择此方案。

什么时候不要选它

如果您需要在 OpenCode 之外使用自动化，支持 Chrome/Edge 以外的浏览器，或者偏好独立的浏览器自动化工具，则不适合选择此方案。

此 server 暴露的工具

从 README 抽取出 7 个工具
  • navigate

    Navigate to a specific URL in the browser

  • fill_form

    Fill in form fields with specified values

  • click_element

    Click on a specific browser element

  • get_page_content

    Extract text content from the current page

  • screenshot

    Take a screenshot of the current browser page

  • wait_for_element

    Wait for a specific element to appear on the page

  • snapshot

    Create a snapshot of the current browser state

可对比工具

browser-mcpplaywright-mcppuppeteer-mcpselenium-mcp

安装

安装

  1. 安装 Browser MCP 扩展程序：

- 访问 https://browsermcp.io/install - 为 Chrome 或 Edge 安装扩展 - 遵循设置说明

  1. 配置 OpenCode：

``bash npx opencode-browser init ` 这将创建或更新 ./opencode.json` 文件并添加所需配置。

  1. 替代的手动配置：

``json { "$schema": "https://opencode.ai/config.json", "plugin": ["opencode-browser"], "mcp": { "browsermcp": { "type": "local", "command": ["npx", "-y", "@browsermcp/mcp@0.1.3"], "enabled": true } } } ``

FAQ

支持哪些浏览器？
该插件通过 Browser MCP 扩展支持 Chrome 和 Edge 浏览器。
如何解决浏览器连接问题？
首先检查 Browser MCP 扩展是否在您的浏览器中启用。如果需要，请重新启用它，确保浏览器正在运行，然后立即重试浏览器操作。该插件避免了人工重试延迟。

opencode-browser 对比

opencode-browser vs ultimate_mcp_serveropencode-browser vs mcp-server-chartopencode-browser vs everythingopencode-browser vs filesystemopencode-browser vs time
GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。