视频内容

🤖简介

🛠️核心工具集

• puppeteer_navigate：浏览器导航到指定URL，必需参数url(字符串)，可选参数包括launchOptions和allowDangerous(默认false)

• puppeteer_screenshot：截取整页或特定元素，支持自定义尺寸(默认800x600)

• puppeteer_click：通过CSS选择器定位并点击元素

• puppeteer_hover：通过CSS选择器定位并悬停元素

• puppeteer_fill：向输入框填入指定值

• puppeteer_select：操作SELECT标签元素

• puppeteer_evaluate：在浏览器控制台执行JavaScript代码

✏️应用场景

• 自动化测试（元素操作+视觉回归）

• 用户行为模拟（悬停/点击路径记录）

• 动态网页抓取（结合JS执行能力）

👩‍💼资源访问

• 控制台日志 (console://logs)：访问浏览器的控制台输出

• 截图 (screenshot://<name>)：访问已保存的PNG格式截图

自定义配置

• 环境变量方式：通过PUPPETEER_LAUNCH_OPTIONS设置，可在MCP配置的env参数中设置

• 工具调用参数：在调用puppeteer_navigate时传入launchOptions和allowDangerous参数

部署配置

Docker 部署

• 使用无头（headless）Chrome

• 配置示例：

NPX 部署

• 会打开真实浏览器窗口

• 配置示例：

prompt

🔗 相关链接

• Puppeteer MCP : https://github.com/modelcontextprotocol/servers/tree/main/src/puppeteer

✂️时间线