CC操控浏览器

开发中

Playwright MCP Desktop · MCP HTTP Server 内置 · AI直接操控

核心功能

🌐

MCP 协议支持

内置 MCP HTTP Server(端口3100),AI可直接调用浏览器操作。支持 navigate、click、type、screenshot、evaluate 等10个标准工具接口。

AI通过MCP协议发送指令,无需额外配置

📸

截图验证

每次MCP操作完成后自动截图,截图保存在本地。AI可以根据截图判断下一步操作,实现视觉驱动的自动化。

截图目录:~/Library/Application Support/playwright-mcp-desktop/operations/

自动日志系统

每个MCP操作自动记录日志,包括执行时间、结果状态、截图路径。AI可独立debug,不需要用户描述问题。

日志目录:~/Library/Application Support/playwright-mcp-desktop/logs/

💻

JS 执行

支持在页面中执行任意JavaScript代码,获取DOM、修改页面内容、提取数据。

通过 browser_evaluate 工具执行,返回结果给AI

🎯

智能等待

支持等待元素出现后再操作,避免因页面加载未完成导致的失败。

browser_wait_for_selector 可指定选择器和超时时间

🔒

本地安全

所有操作在本机Chromium中执行,不上传任何数据到外部服务器。MCP Server仅监听本地回环地址。

端口3100仅本地可访问,外部无法连接

谁适合用?

👨‍💻

开发者

需要AI辅助浏览器操作,但不想花时间写自动化脚本

🧪

测试工程师

用自然语言描述测试步骤,AI自动执行浏览器操作并截图验证

📊

数据分析师

让AI自动抓取网页数据、执行JS提取信息,不用手动复制粘贴

🤖

AI 爱好者

想用最新MCP协议体验AI控制浏览器的能力,零门槛上手

用了 vs 没用

没用之前

  • 学Playwright/Puppeteer,门槛太高
  • 配Node.js环境、装依赖、处理版本冲突
  • 写选择器、处理动态加载、调试失败
  • 每次换台电脑都要重新配一遍
  • AI想帮你操作浏览器,但没有标准接口

用了我之后

  • 下载DMG,双击安装,打开就能用
  • MCP HTTP Server内置,端口3100
  • AI通过标准MCP协议调用浏览器操作
  • 每步操作自动截图,AI可视觉驱动
  • 自动日志系统,debug不靠猜

交付

🚧 产品开发中,敬请期待

我们会尽快上线,届时会第一时间通知你。

使用方法

01

下载 DMG

从GitHub下载 Playwright MCP Desktop.dmg

02

安装打开

双击安装,拖入Applications,双击打开

03

连接 AI

在AI工具的MCP设置中添加端点 http://localhost:3100

04

开始操控

用自然语言告诉AI你要做什么,AI通过MCP协议控制浏览器

开发故事

浏览器自动化一直有个痛点:想快速让AI帮你操作网页,但得自己写Playwright脚本。

我心想,能不能做一个桌面应用,打开后AI就能直接控制浏览器?不用配环境,不用写代码。

于是我做了一个基于Electron+Playwright的桌面应用,内置了MCP HTTP Server。AI通过标准MCP协议调用浏览器操作,每步自动截图验证。

目前还在开发中,MCP Server已经测试通过了,后续会完善UI界面和更多自动化能力。