关于 Configurable Puppeteer MCP Server
Configurable Puppeteer MCP Server 通过 Puppeteer 让 LLM 操作真实浏览器,支持页面交互、截图和控制台日志,并可通过环境变量配置启动选项。
主要功能
- 01访问指定 URL
- 02截取页面或元素截图
- 03点击、悬停、填写和选择元素
- 04在浏览器中运行 JavaScript
- 05读取浏览器控制台日志
- 06配置 Puppeteer 启动选项
适用场景
- 01通过浏览器自动化检查网页
- 02截取页面或元素画面
- 03与表单及页面控件交互
- 04调整浏览器启动行为
MCP 相关
这是一个 MCP 服务,向 MCP 客户端提供 Puppeteer 浏览器自动化工具,以及控制台日志和截图资源。
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
工具
本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。
详细介绍
可配置的 Puppeteer MCP 服务
一个使用 Puppeteer 提供浏览器自动化功能的 Model Context Protocol 服务,并支持配置选项。此服务可让大模型在真实浏览器环境中与网页交互、截取屏幕截图并执行 JavaScript,还能通过环境变量自定义 Puppeteer 启动选项。
组件
工具
-
puppeteer_navigate
- 在浏览器中导航至任意 URL
- 输入:
url(字符串)
-
puppeteer_screenshot
- 截取整个页面或特定元素的屏幕截图
- 输入:
name(字符串,必填):屏幕截图的名称selector(字符串,可选):要截取屏幕截图的元素的 CSS 选择器width(数字,可选,默认值:800):屏幕截图宽度height(数字,可选,默认值:600):屏幕截图高度
-
puppeteer_click
- 点击页面上的元素
- 输入:
selector(字符串):要点击的元素的 CSS 选择器
-
puppeteer_hover
- 将鼠标悬停在页面上的元素上
- 输入:
selector(字符串):要悬停的元素的 CSS 选择器
-
puppeteer_fill
- 填写输入字段
- 输入:
selector(字符串):输入字段的 CSS 选择器value(字符串):要填入的值
-
puppeteer_select
- 选择带有 SELECT 标签的元素
- 输入:
selector(字符串):要选择的元素的 CSS 选择器value(字符串):要选择的值
-
puppeteer_evaluate
- 在浏览器控制台中执行 JavaScript
- 输入:
script(字符串):要执行的 JavaScript 代码
资源
此服务提供两种类型的资源:
-
控制台日志(
console://logs)- 以文本格式显示浏览器控制台输出
- 包含浏览器的所有控制台消息
-
屏幕截图(
screenshot://<name>)- 已截取屏幕截图的 PNG 图像
- 可通过截取时指定的屏幕截图名称访问
主要功能
- 浏览器自动化
- 控制台日志监控
- 屏幕截图功能
- JavaScript 执行
- 基本网页交互(导航、点击、填写表单)
- 通过环境变量配置 Puppeteer 选项
配置
使用自定义 Puppeteer 选项
你可以在 PUPPETEER_ARGS 环境变量中提供 JSON 字符串,以配置 Puppeteer 启动选项。这样无需修改服务代码即可自定义浏览器行为。
示例:使用 Firefox 而非 Chrome
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer"],
"env": {
"PUPPETEER_ARGS": "{\"browser\": \"firefox\"}"
}
}
}
}
示例:配置浏览器窗口大小
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer"],
"env": {
"PUPPETEER_ARGS": "{\"defaultViewport\": {\"width\": 1280, \"height\": 800}}"
}
}
}
}
标准配置
NPX
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer"]
}
}
}
你也可以指定分支、标签或提交:
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer#main"]
}
}
}
许可证
此 MCP 服务采用 MIT License 授权。这意味着你可以自由使用、修改和分发该软件,但须遵守 MIT License 的条款和条件。详情请参阅项目仓库中的 LICENSE 文件。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。