火狐浏览器中如何通过控制台监听并完全拦截全部的Fetch异步网络请求并注入假数据？

必须注入内容脚本并在document_start阶段劫持window.fetch，通过临时加载Manifest V2扩展实现持久化Mock；mock-inject.js中需精准匹配API路径并返回伪造Response，避免误拦截非API请求。

要在火狐浏览器中通过控制台监听并完全拦截所有 Fetch 请求、绕过真实后端返回自定义假数据，必须绕过控制台的执行限制——因为控制台环境无法持久重写 window.fetch，且刷新即失效；真正可行的是注入内容脚本，在页面加载前完成函数劫持。

准备可运行的轻量级Mock扩展

新建一个空文件夹，例如 mock-fetch-ext，作为临时扩展根目录。

在该文件夹中创建 manifest.json 文件，内容如下：

{"manifest_version": 2,"name": "Fetch Mock Injector","version": "1.0","content_scripts": [{"matches": [""],"js": ["mock-inject.js"],"run_at": "document_start"}],"permissions": ["webRequest", "webRequestBlocking"]}

这一步不能跳过：run_at 必须设为 document_start，否则 fetch 已被页面脚本调用，劫持失效。

编写核心劫持脚本 mock-inject.js

在同目录下新建 mock-inject.js，粘贴以下代码：

const originalFetch = window.fetch;window.fetch = async function(input, init) {const url = input instanceof Request ? input.url : input;if (url.includes('/api/') || url.startsWith('https://example.com/api')) {return Promise.resolve(new Response(JSON.stringify({code: 0,data: {id: 999,name: "Mock User",timestamp: Date.now()}}),{status: 200,headers: {"Content-Type": "application/json"}}));}return originalFetch.apply(this, arguments);};

注意：正则或 includes 判断逻辑必须覆盖你目标接口的真实路径特征，比如 /v1/ 或 /graphql；若判断太宽泛（如只写 /），可能误劫持字体、图片等资源请求导致页面异常。

在火狐中临时加载并启用该扩展

第一步：地址栏输入 about:debugging#/runtime/this-firefox → 回车。

第二步：点击右上角「临时载入扩展」按钮 → 选择刚才创建的 mock-fetch-ext 文件夹 → 点击「打开」。

第三步：确认扩展列表中出现「Fetch Mock Injector」且状态为「已启用」。

第四步：打开目标网页，按 Ctrl+Shift+I 打开开发者工具 → 切换到「控制台」→ 执行 fetch('/api/user').then(r => r.json()).then(console.log)。

此时控制台将立即输出 mock 数据对象，且 Network 面板中该请求仍存在但响应体已被替换，状态码保持 200。