firefox-devtools-mcp

通过MCP协议自动化控制Firefox浏览器进行网页操作与调试。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:firefox-devtools-mcp。
它的用途是:通过MCP协议自动化控制Firefox浏览器进行网页操作与调试。
完整的 Skill 内容见:https://321skill.com/skills/firefox-devtools-mcp/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我打开开发者官网,找到最新的API文档链接并截图。”,它会启动Firefox,导航到指定网站,定位到文档链接区域,并为你截取屏幕。或者,你可以说:“监控这个产品列表页面的网络请求,找出加载最慢的资源。”,它会列出所有网络请求并分析其耗时,帮助你进行性能优化。

介绍

Firefox DevTools MCP是一个基于Model Context Protocol(MCP)的服务器,它允许AI助手(如Claude、Cursor等)通过Selenium WebDriver和WebDriver BiDi协议,直接与本地安装的Firefox浏览器进行交互。这解决了开发者和测试人员在自动化网页操作、数据抓取、UI测试或演示时需要手动编写和运行脚本的痛点。

使用方式非常灵活,可以通过Claude Code的CLI命令或配置文件直接集成,也可以通过npx命令独立运行。启动后,AI助手即可调用一系列工具,如导航页面、点击元素、填写表单、截图、查看网络请求和Console日志等,实现对浏览器的程序化控制。

该Skill非常适合需要与网页进行自动化交互的各类角色。前端开发者可以用它来快速测试页面交互或调试网络问题;测试工程师可以将其作为自动化测试流程的一部分;内容创作者或运营人员也能用它来批量处理网页内容或验证页面效果。

需要注意的是,由于该Skill直接控制浏览器,拥有对浏览器会话(包括Cookie、历史记录等)的完全访问权限,因此安全风险较高。强烈建议使用独立的Firefox配置文件运行,并仅访问可信的网站,以避免敏感信息泄露或遭受提示词注入攻击。

核心特点

由Mozilla官方开发维护,直接集成Firefox DevTools的能力,通过WebDriver BiDi协议提供更强大、更底层的浏览器控制功能,如实时网络请求捕获和Console消息监听,这是许多通用浏览器自动化工具所不具备的。

注意事项

不适合在云端或无头服务器环境(如Glama.ai)中运行,必须依赖本地安装的Firefox浏览器。

常见问题

这个工具安全吗?

存在风险,必须使用专用Firefox配置文件,并仅访问可信网站,以防敏感数据泄露或提示词注入。

支持无头模式运行吗?

支持,通过添加`--headless`参数或设置`FIREFOX_HEADLESS=true`环境变量即可。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/firefox-devtools-mcp/raw/index.md 读取 firefox-devtools-mcp 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。