Firefox中获取Basic Authentication页面未验证前URL的方法

在Firefox中，当页面触发Basic Authentication弹窗时，浏览器会在用户输入凭据之前拦截请求，此时标签页并未实际加载目标页面——这是Firefox和Chrome的机制差异：Chrome会提前更新标签页URL，而Firefox要等认证通过后才会切换URL，因此通过browser.tabs.query（Firefox对应Chrome的chrome.tabs.query）拿到的是about:newtab，页面内的window.location也无法获取到目标地址。

要在Firefox中拿到认证前的目标URL，可通过浏览器扩展的webRequest API实现：

具体实现步骤 #

1. 在扩展的manifest.json中添加必要权限：

{
  "permissions": [
    "webRequest",
    "webRequestBlocking",
    "<all_urls>" // 或指定目标域名，比如"https://authenticationtest.com/*"
  ]
}

2. 监听onAuthRequired事件，该事件会在浏览器需要基础认证时触发，参数中直接包含目标URL：

browser.webRequest.onAuthRequired.addListener(
  (requestDetails) => {
    // requestDetails.url即为你需要的目标认证URL
    console.log("目标认证URL:", requestDetails.url);
    // 若需自动填充凭证，可在此返回认证信息（可选）
    // return { authCredentials: { username: "your-user", password: "your-pass" } };
  },
  { urls: ["<all_urls>"] }, // 或限定目标域名范围
  ["blocking"] // 需此权限才能干预认证流程（可选）
);

这个方法不受标签页URL未更新的影响，因为webRequest API直接监听网络请求层面，能在认证弹窗出现前就捕获到目标请求的地址。

注意：纯页面内JavaScript无法实现此需求——因为认证通过前目标页面根本未加载，自然无法通过window.location获取地址，只能依赖浏览器扩展API。

内容的提问来源于stack exchange，提问作者helesfaigabor