如何将WebExtensions content_scripts应用于Firefox的view-source:页面？

我完全理解你的困扰——Firefox的view-source:页面属于特殊的内部系统页面，常规的content_scripts确实无法直接注入，而且这类页面也没有对应的显式权限可以开启，调试控制台也不会给出相关提示，推进起来确实卡手。这里有几个可行的替代方案，帮你实现高亮不安全链接的需求：

方案一：利用webNavigation API + 动态脚本注入 #

通过后台脚本监听页面加载事件，在view-source:页面加载完成后，动态注入处理脚本。这是最直接的替代方案：

步骤1：声明必要权限 #

在manifest.json中添加以下权限（根据你的需求调整范围，避免过度申请）：

{
  "permissions": ["webNavigation", "scripting", "<all_urls>"]
}

• webNavigation：用于监听页面加载状态
• scripting：用于动态注入脚本（Firefox 95+支持，替代旧的executeScript）
• <all_urls>：确保能匹配到所有view-source:开头的页面

步骤2：后台脚本实现监听与注入 #

在你的后台脚本（比如background.js）中添加以下逻辑：

// 监听页面加载完成事件，只针对view-source页面
browser.webNavigation.onCompleted.addListener((details) => {
    // 注入处理脚本到目标页面
    browser.scripting.executeScript({
      target: { tabId: details.tabId },
      files: ["your-highlight-script.js"] // 你的链接高亮处理脚本
    }).catch(err => {
      console.error("注入脚本失败:", err);
    });
}, { url: [{ urlPrefix: "view-source:" }] });

步骤3：编写高亮处理脚本 #

在your-highlight-script.js中，你需要定位view-source页面里的代码内容（通常是一个<pre>标签），然后解析其中的链接并高亮：

// 获取view-source页面的内容容器
const preElement = document.querySelector("pre");
if (preElement) {
  // 这里写你的链接解析和高亮逻辑，比如匹配http开头的不安全链接
  const content = preElement.textContent;
  const highlightedContent = content.replace(/http:\/\/[^\s]+/g, match => {
    return `<span style="color: red; font-weight: bold;">${match}</span>`;
  });
  // 替换pre的内容为高亮后的HTML
  preElement.innerHTML = highlightedContent;
}

方案二：使用browser.tabs.onUpdated监听页面变化 #

如果webNavigation API的触发时机不符合你的需求，也可以用tabs.onUpdated事件来监听页面加载状态：

browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === "complete" && tab.url.startsWith("view-source:")) {
    browser.scripting.executeScript({
      target: { tabId: tabId },
      files: ["your-highlight-script.js"]
    });
  }
});

关键注意事项 #

• Firefox对内部页面的脚本注入有严格限制，必须确保你的扩展权限申请合理，且脚本逻辑不会干扰浏览器的核心功能
• 测试时需要在Firefox的扩展调试页面（about:debugging）加载临时扩展，确保能看到后台脚本的错误日志
• 如果你不需要匹配所有页面，可以尝试把<all_urls>替换为"view-source://*"，不过Firefox可能仍需要<all_urls>来允许注入内部页面

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