Playwright Console Debugger
P

Playwright Console Debugger

基于Playwright的浏览器日志与网络请求监控MCP服务
2.5分
7.7K

什么是 Playwright MCP 服务器?

Playwright MCP 服务器是一款基于 Playwright 的工具,用于监控和跟踪浏览器的控制台日志以及网络请求。它能够帮助开发者和用户分析网页的行为,从而优化用户体验。

如何使用 Playwright MCP 服务器?

您只需安装并配置服务器,然后在前端界面中查看控制台日志和网络请求。无需深入了解底层技术即可轻松使用。

适用场景

适用于需要监控网页行为的开发人员,例如调试网页性能、分析 API 请求或检测潜在的安全问题。

主要功能

控制台日志监控实时捕获和记录浏览器控制台中的日志信息,方便快速排查问题。
网络请求追踪跟踪所有网络请求,包括 URL、方法、响应时间等详细信息。
自动关闭浏览器任务完成后自动关闭浏览器实例,释放系统资源。

优势与局限性

优势
操作简单,无需复杂配置即可使用
支持多种浏览器(如 Chrome、Firefox)
实时反馈,便于快速定位问题
局限性
需要安装 Python 和相关依赖
对高并发场景可能性能有限

如何使用

安装依赖
确保已安装 Python 3.8+ 和 Playwright。运行 `pip install -r requirements.txt` 安装所需依赖。
启动服务器
在终端中运行 `python mcp_playwright.py` 启动 MCP 服务器。
访问仪表盘
打开浏览器并导航到 http://localhost:3000/dashboard,查看控制台日志和网络请求。

使用案例

调试网页性能使用 Playwright MCP 服务器监控目标网站的加载时间和 API 请求。
检查安全漏洞通过监控控制台日志发现潜在的安全隐患。

常见问题

如何安装 Playwright?
如何配置前端调用?
服务器无法启动怎么办?

相关资源

Playwright 官方文档
Playwright 的官方文档,提供全面的教程和支持。
GitHub 仓库
项目源码地址,包含详细的安装指南和示例。
视频教程
针对初学者的入门视频教程。

安装

复制以下命令到你的Client进行配置
注意:您的密钥属于敏感信息,请勿与任何人分享。
C
Contracts Wizard
OpenZeppelin Contracts Wizard是一个交互式智能合约构建工具,允许用户通过选择合约类型、参数和功能来生成基于OpenZeppelin组件的合约代码。支持多种编程语言,并提供API和嵌入功能。
TypeScript
5.5K
4分
Z
Zen MCP Server
Zen MCP是一个多模型AI协作开发服务器,为Claude和Gemini CLI等AI编码助手提供增强的工作流工具和跨模型上下文管理。它支持多种AI模型的无缝协作,实现代码审查、调试、重构等开发任务,并能保持对话上下文在不同工作流间的延续。
Python
13.2K
5分
C
Container Use
Container Use是一个开源工具,为编码代理提供容器化隔离环境,支持多代理并行开发且互不干扰。
Go
9.1K
5分
S
Search1api
Search1API MCP Server是一个基于Model Context Protocol (MCP)的服务器,提供搜索和爬取功能,支持多种搜索服务和工具。
TypeScript
17.4K
4分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
39.0K
4.3分
M
MCP Alchemy
已认证
MCP Alchemy是一个连接Claude Desktop与多种数据库的工具,支持SQL查询、数据库结构分析和数据报告生成。
Python
17.6K
4.2分
P
Postgresql MCP
一个基于FastMCP库的PostgreSQL数据库MCP服务,提供对指定表的CRUD操作、模式检查和自定义SQL查询功能。
Python
13.6K
4分
A
Agentic Radar
Agentic Radar是一个用于分析和评估代理系统的安全扫描工具,帮助开发者、研究人员和安全专家理解代理系统的工作流程并识别潜在漏洞。
Python
12.8K
5分

精选MCP服务推荐

F
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
61.2K
5分
F
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
43.2K
4.5分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
39.0K
4.3分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
18.9K
4.8分
E
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
31.0K
5分
B
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
31.5K
4.5分
M
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
33.8K
4.8分
C
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
45.1K
4.7分
AIbase
智启未来,您的人工智能解决方案智库