javascript - Firefox：Service Worker：SecurityError：DOMException：操作不安全

Question

在app.js中，我正在检查 navigator 对象中是否存在 serviceWorker，如果可用，则注册 SW。

if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('./service-worker.js', { scope: './' })
        .then(function(registration) {
            console.log("Service Worker Registered!");
        }).catch(function(err) {
            console.log("Service Worker not registered!", err);
        });
}

尝试注册 SW 时，我在 Firefox 中收到以下错误。我还确保该service-worker.js文件位于src目录下。

在 Firefox（版本 59.0.2）中检查我的about:config我启用了 service worker 和 storage api。所以这应该不是问题。

PS：相同的代码在 Chrome 上运行良好。

score 22 · Accepted Answer

您是否检查了 about:preferences#privacy 中的 cookie 设置，它必须是“保留到过期”，如果您选择了“保留到我关闭 firefox”，则不会注册。

您可以在此线程上找到详细信息： https ://bugzilla.mozilla.org/show_bug.cgi?id=1429714

score 7 · Accepted Answer

如果 serviceworker 的文件使用错误的 MIME-Type 传递，同样的错误消息也会出现在 Firefox 中。在这种情况下，设置正确的 MIME-Type 可以解决问题。如果您动态地交付服务工作者的文件，例如使用 PHP，则可能会发生错误的 MIME 类型。

正确的 MIME 类型必须是

Content-Type: application/javascript; charset=UTF-8

score 3 · Accepted Answer

只要您为您的站点创建一个例外，您就可以保持“在 Firefox 关闭时删除 cookie 和站点数据”处于选中状态。（在 Firefox 78.0.2 中测试）：

关闭 Firefox 时删除 cookie 和站点数据

单击Manage Permissions...并输入 URL（例如localhost:8000）。单击Allow，然后单击Save Changes右下角的。服务工作者（和 cookie 等）现在应该适用于该 URL，但不适用于其他 URL。

开发者，注意这localhost和eg不一样localhost:8000（需要指定端口号）。

score 2 · Accepted Answer

当您为 service worker 文件本身提供服务时，您通常需要使用Service-Worker-Allowedhttp 标头来托管它。如果此标头的值与您尝试在 Javascript 中注册服务工作者的值不匹配，或者您尝试注册的范围超出浏览器认为“安全”的范围，那么您将收到此错误.

不止一次发生在我身上，我每次都在这里结束。至少我下次会帮助自己！

score 1 · Accepted Answer

对于 Firefox 80，我去about:Config验证dom.serviceWorkers.enabled设置为true

然后我去Mozillaabout:preferences#privacy并取消Delete cookies and site data when Firefox is closed选中

score 1 · Accepted Answer

就我而言，我删除了与该站点相关的所有先前数据（cookie、缓存等）。然后，Firefox 允许我注册新的 service worker。

javascript - Firefox：Service Worker：SecurityError：DOMException：操作不安全

6 回答 6

Related

Reference