🎭 MCP Playwright 头部浏览器设置
📋 概述
针对Windows系统上MCP Playwright有头浏览器的可见性问题提供完整解决方案。让浏览器自动化操作变得可视化且可控!
🚀 快速入门(5分钟)
1. 更新配置
// playwright-headful-config.json
{
"browser": {
"browserName": "chromium",
"launchOptions": {
"headless": false,
"args": [
"--start-maximized",
"--disable-gpu",
"--disable-backgrounding-occluded-windows",
"--disable-renderer-backgrounding"
]
}
}
}2. 重启浏览器
# Kill all Chrome processes
powershell -Command "Stop-Process -Name chrome -Force"
# Start fresh
powershell -Command "Start-Process chrome -ArgumentList 'https://google.com' -WindowStyle Maximized"3. 连接MCP(微控制器平台/模块/等,具体含义根据上下文确定)
await page.goto('https://google.com');
window.moveTo(0, 0);
window.focus();📚 文档
📄 一张纸或文件的符号 问题模板
用于系统性故障排查的完整GitHub问题模板:
- 根本原因分析
- 分步解决方案
- 验收标准
- 替代方法
🚀 火箭/快速上升/飞速发展(根据上下文可灵活翻译) 快速修复指南
应急解决方案与全面故障排除:
- 5分钟紧急修复
- 15分钟完整解决方案
- 高级场景
- 最后手段方法
🐛 表示“虫子”或“错误(bug)”的符号。在中文里,可以直接翻译为“虫子”或根据上下文理解为“错误”。如果是指编程或软件开发中的错误,那么翻译为“错误(bug)”更为贴切。
解决Claude无法在Windows上连接到MCP Docker服务器的问题:
- 分析问题的根本原因
- 修改仅适用于Windows的Docker配置
- 自动安装脚本
- 支持泰语
✅ 核查清单
飞行前检查/准备
- \[ \] 已安装最新版本的Chrome
- \[ \] 已启用 PowerShell 执行
- \[ \] MCP Playwright 配置路径正确
- \[ \] 不阻止VPN/代理
后缀(或:后置修饰)
- \[ \] 浏览器窗口在屏幕上可见
- \[ \] 所有MCP工具功能正常
- \[ \] 无控制台错误
- \[ \] 截图功能正常
🛠️ 技术细节
已确定根本原因:
- 配置参数不足
- Windows系统上的GPU加速问题
- 隐藏窗口的后台进程
- 多个Chrome实例引起混淆
解决方案模式:
- 更新配置 → 添加可见性及安全参数
- 干净重启 → 终止旧进程,重新启动
- 强制可见性 → 控制窗口位置和大小
- 验证 → 测试所有功能
🎯 成功指标
- 浏览器启动时间 \< 10 秒
- 自动化过程无延迟
- 适当的窗口尺寸设定
- 完整的MCP工具功能
🔗 相关资源
📋 可用工具 (Available Tools)
🎭 浏览器自动化(非无头模式)
- 脚本:
docker-setup-simple.ps1,install-playwright-final.ps1 - 配置:
playwright-headful-config.json,claude-desktop-config-playwright.json - 能力实时查看浏览器工作状态,拍照,自动测试
🐳 Docker 连接性(Windows)
- 脚本:
docker-setup-simple.ps1 - 配置:
claude-desktop-docker-config.json - 修改Windows上MCP Docker的连接问题
- 状态✅ 已修改 - 第2期
📚 文档(泰语/英语)
- 指南:
MCP-Configuration-Guide.md(泰语) - 解决问题:
mcp-docker-windows-fix.md - 总结:
SOLUTION-ISSUE-2.md
🏷️ 标签
browser-automation playwright windows troubleshooting headful-mode docker-connectivity thai-support
______________________________________________________________________
💡 专业小贴士使用问题解决模板来系统地解决其他项目中的问题! 🎯 成功问题#2已修复 - Claude现在可以在Windows上连接到MCP Docker了!
