如何获得扩展名中文件的完全限定 URL？

Question

我正在使用 WebExtension API 制作我的第一个 Firefox 扩展，但找不到将网站重定向到扩展目录中的 HTML 文件的方法。

我已经成功重定向网站，但只能重定向到其他网站或网站上的其他页面。

manifest.json:

{
    "manifest_version": 2,
    "name": "Focus",
    "version": "1.0",
    "permissions": [
        "activeTab"
    ],
    "browser_action": {
        "default_title": "Focus",
        "default_popup": "interface/main.html"
    },
    "content_scripts": [
        {
            "matches": ["*://*.reddit.com/*"],
            "js": ["redirect.js"]
        }
    ]
}

redirect.js:

window.location = "interface/redirect.html";

当前代码会将您重定向到网站上的另一个页面，例如如果你 reddit.com 打开它会带你到 reddit。com/interface/redirect.html

我的目标是将您重定向到我不需要在网站上托管的自定义 HTML 页面。

Answer 1

您正在将页面的 URL 更改为与当前域相关的页面。您的扩展中的页面不在 reddit.com 域中。如果您希望 URL 来自不同的域，则必须指定域。在这种情况下，您需要使用 runtime.getURL() 来获得完全限定的 URL:

Firefox 或 Chrome:

window.location = chrome.runtime.getURL("interface/redirect.html");

或（仅限 Firefox）：

window.location = browser.runtime.getURL("interface/redirect.html");

您还应该添加：

"run_at": "document_start"

到您的 manifest.json content_scripts 条目。这样做会阻止页面显示，即使是很短的时间。换句话说，通过使用 document_start，您的内容脚本将运行在呈现 redit.com 页面之前。

重定向网页的其他方法

当您要重定向单个或几个预定义域时，您采用的方法（使用内容脚本）是一种合理的方法。这将导致向用户报告最不广泛的权限（即仅 matches 中的域）。

但是，对于重定向动态域列表来说，这还不够。在这种情况下，您应该使用 webNavigation.onBeforeNavigate listener to perform the redirection of the navigation. You could also use a webRequest 侦听器将所有流量重定向到一个或多个域。使用 webRequest 可用于阻止对域的所有请求，但比仅使用 webNavigation.onBeforeNavigate 阻止导航（包括 iframe，如果您选择）更耗费资源。您使用哪种方法将取决于您想要做什么。

您也可以使用 tabs.onUpdated 侦听器来执行重定向，但是带有新 URL 的事件会在 webNavigation.onBeforeNavigate 和整个 webRequest 序列之后触发。换句话说，使用 tabs.onUpdated 侦听器仍将允许向您重定向的域发出请求，页面的 DOM 已创建并可能（简要地）显示给用户.

如何获得扩展名中文件的完全限定 URL？

How do I get the fully qualified URL for a file inside my extension?

javascript

firefox-addon-webextensions

重定向网页的其他方法