Agent Skills
返回列表
💻

发布前调试 Firefox 专属问题

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c6cb52e/debug-firefox-only-browser-issues-with-devtools-mcp-before-shipping-web-changes

技能介绍

为什么需要 Firefox 专属调试

日常前端排障往往依赖以 Chrome 为主的 DevTools 生态，但 Firefox 在渲染管线、布局和浏览器偏好（about:config）上有自己的行为。跨浏览器回归时，某个只在 Firefox 出现的定位偏移、控制台报错或网络请求差异，很容易被 Chrome 侧的调试结论掩盖。这个技能把 Firefox DevTools MCP 引入代理工作流，让模型在发布网页更改之前，能直接在 Firefox 中检查页面、跟踪网络与控制台活动、捕获截图，并自动化重现步骤。

它是如何工作的

核心能力包括页面检查、网络与控制台跟踪、截图捕获，以及在 Firefox 中执行自动化复现。关键步骤是：先用专用浏览器配置文件启动 MCP 服务器，由模型调用工具列取页面结构、读取控制台输出和网络请求；再针对 Firefox-only 的报错或渲染差异，逐步回放操作序列，确认修复是否只影响目标浏览器。特权上下文相关工具（如读取或设置 Firefox 偏好、枚举扩展）只应在明确允许的调试会话中使用。

适用边界与注意点

它面向的是本地开发环境，不是云端托管的浏览器服务，服务器依赖本机已安装的 Firefox 才能运行。由于代理可以访问该配置文件下浏览器的全部能力，包括 Cookie 和已保存会话，切勿把 MCP 指向日常使用的常规配置。涉及特权脚本或偏好读写时，需要按上游说明开启对应的特权上下文标志。它解决的是浏览器侧的排障与复现，不负责替代测试框架或发布流水线本身。

使用场景

  • 页面在 Firefox 中错位但 Chrome 正常时，需要检查 DOM 与样式并截图留存证据。
  • 同一个接口只在 Firefox 失败时，需要跟踪请求、响应和控制台错误并复现操作步骤。
  • 发布前需要用自动化流程在 Firefox 中回放点击、输入和跳转，确认修复未引入新回归。
  • 需要读取 Firefox 偏好或扩展列表，定位由浏览器配置或插件引起的专属问题。

适合人员

  • 前端工程师需要发布前确认修复不会只在 Chrome 有效，而是覆盖 Firefox 渲染差异。
  • 跨浏览器测试开发者需要可重复地复现 Firefox 专属控制台错误和网络异常。
  • 使用 AI 编程助手的开发者需要在本地 Firefox 中验证代理建议的页面修改。
  • 调试 Firefox 扩展或偏好相关故障的工程师需要列取扩展并读写浏览器配置。