入门攻略
MCP提交
探索
Browsertools
概述
内容详情
替代品
什么是MCP服务器？
MCP服务器是一个中间件，它允许AI工具（如Cursor、Claude Desktop等）通过浏览器扩展捕获和分析网页数据。这使得AI能够更好地理解用户在浏览器中的操作。如何使用MCP服务器？
安装并配置MCP服务器后，您可以在任何支持MCP协议的AI工具中使用它来监控浏览器活动、捕获网络请求、截取屏幕快照以及分析DOM元素。适用场景
适用于需要深度集成浏览器数据的开发人员、测试人员以及希望增强AI交互能力的团队。主要功能
浏览器控制台监控实时捕捉浏览器控制台的日志输出。
网络请求捕获记录所有HTTP请求及其响应内容。
屏幕截图功能通过WebSocket即时捕获当前页面的截图。
DOM元素分析解析和提取选定的HTML节点属性。
优势与局限性
优势
本地存储日志，确保数据安全。
支持多种AI客户端，灵活性高。
易于集成到现有工作流中。
局限性
需要本地运行Node.js环境。
可能增加系统性能开销。
如何使用
安装Node.js下载并安装最新版本的Node.js。
启动MCP服务器运行命令以启动本地MCP服务器。
配置Chrome扩展在Chrome中加载已下载的扩展程序。
使用案例
调试Web应用通过MCP服务器监控前端错误，快速定位问题。
自动化测试利用MCP服务器记录网络请求，验证API接口是否正常。
常见问题
1
MCP服务器是否支持多用户同时访问？目前仅限单用户模式，未来版本会添加多用户支持。
2
如何保护我的数据隐私？所有日志均保存在本地，不会上传至第三方服务器。
相关资源
官方文档获取完整安装指南和高级用法。
GitHub仓库查看源码和贡献指南。
教程视频快速入门视频。
精选MCP服务推荐
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器，为Claude等LLM提供网页搜索和内容抓取服务
Python
206
4.3分
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器，提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
2,951
5分
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具（如Cursor）提供Figma设计数据访问的服务器，通过简化Figma API响应，帮助AI更准确地实现设计到代码的一键转换。
TypeScript
6,096
4.5分
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务，通过Model Context Protocol直接集成到提示中，解决LLM使用过时信息的问题。
TypeScript
4,851
4.7分
Exa Web Search
已认证
Exa MCP Server是一个为AI助手（如Claude）提供网络搜索功能的服务器，通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
1,425
5分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
87
4.8分
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务，提供地理编码、路线规划等10个标准化API接口，支持Python和Typescript快速接入，赋能智能体实现地图相关功能。
Python
316
4.5分
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器，支持与强大的文本转语音、视频/图像生成API交互，适用于多种客户端工具如Claude Desktop、Cursor等。
Python
359
4.8分
