GitHub 热门项目: browser-tools-mcp

GitHub 项目：浏览器工具-mcp 仓库地址：https://github.com/AgentDeskAI/browser-tools-mcp 星级：7213 | 作者：AgentDeskAI 项目描述：直接从 Cursor 和其他 MCP 兼容 IDE 监控浏览器日志。 =================================================== 自述文件内容： 该项目不再活跃，请为此使用不同的解决方案。 # 浏览器工具 MCP > 让您的 AI 工具感知能力提高 10 倍，并且能够与浏览器交互 该应用程序是一款功能强大的浏览器监控和交互工具，使人工智能驱动的应用程序能够通过 Anthropic 的模型上下文协议 (MCP) 通过 Chrome 扩展捕获和分析浏览器数据。 请阅读我们的[文档](https://browsertools.agentdesk.ai/)，了解完整的安装、快速入门和贡献指南。 ## 路线图 在这里查看我们的项目路线图：[Github 路线图/项目板](https://github.com/orgs/AgentDeskAI/projects/1/views/1) ## 更新 v1.2.0 已经出来了！以下是更新的快速细分： - 您现在可以在 DevTools 面板中启用“允许自动粘贴到光标”。屏幕截图将自动粘贴到光标中（只需确保焦点/单击光标中的代理输入字段，否则它将不起作用！） - 通过 Lighthouse 集成了一套 SEO、性能、可访问性和最佳实践分析工具 - 实现了 NextJS 特定提示，用于改进 NextJS 应用程序的 SEO - 添加了调试器模式作为按特定顺序执行所有调试工具的工具，并提供改进推理的提示 - 添加了审核模式作为按特定顺序执行所有审核工具的工具 - 解决了 Windows 连接问题 - 改进了 BrowserTools 服务器、扩展和 MCP 服务器之间的网络，具有主机/端口自动发现、自动重新连接和正常关闭机制 - 添加了使用 Ctrl+C 更轻松地退出浏览器工具服务器的功能 ## 快速入门指南 运行此 MCP 工具需要三个组件： 1. 从这里安装我们的 Chrome 扩展：[v1.2.0 BrowserToolsMCP Chrome 扩展](https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip) 2. 在 IDE 中通过以下命令安装 MCP 服务器：`npx @agentdeskai/browser-tools-mcp@latest` 3. 打开一个新终端并运行以下命令：`npx @agentdekai/browser-tools-server@latest` * 不同的 IDE 有不同的配置，但此命令通常是一个很好的起点；请参考您的 IDE 文档以获取正确的配置设置 重要提示 - 您需要安装两台服务器。有... - browser-tools-server（本地nodejs服务器，用于收集日志的中间件） 和 - browser-tools-mcp（安装到 IDE 中的 MCP 服务器，用于与扩展 + browser-tools-server 进行通信） `npx @agentdekai/browser-tools-mcp@latest` 是您放入 IDE 的内容 `npx @agentdekai/browser-tools-server@latest` 是您在新终端窗口中运行的内容 完成这三个步骤后，打开 chrome 开发工具，然后打开 BrowserToolsMCP 面板。 如果您仍然遇到问题，请尝试以下步骤： - 退出/关闭您的浏览器。不仅仅是窗口，还有 Chrome 本身。 - 重新启动本地节点服务器（浏览器-工具-服务器） - 确保您只有一个瞬间