Question

我正在尝试从我的扩展程序的内容脚本创建一个Web Worker，但它被SecurityError（相同的源策略）阻止。最好的方法是什么？

从我的内容脚本：

var workerURL = chrome.extension.getURL("js/searchWorker.js");
var lunrWorker = new Worker(workerURL);

来自清单：

"content_scripts": [
   {
     "matches": ["http://localhost:8000/*"],
     "js": ["js/jquery.min.js", "js/jquery.highlight.js", "js/index.js"],
     "css": ["css/bootstrap.css", "css/styles.css"]
   }
 ]

我也尝试在我的清单中设置它，但它没有帮助：

"content_security_policy": "default-src 'none'; style-src 'self'; script-src 'self';",

（旁注：CSS没有被注入页面，我不确定这是同一问题的症状还是无关的）

Answer 1

http://crbug.com/357664是关于无法将扩展脚本作为Web工作者加载的错误报告。

此问题的解决方法是使用XMLHttpRequest加载工作程序脚本，然后使用load the worker from a string。当我在过去遇到这个问题时，我创建了一个透明地修改Worker构造函数的包装器，因此您可以毫无问题地使用new Worker(chrome.runtime.getURL('worker.js'))。

请参阅patch-worker.js（documentation）了解上一个想法的实施情况。

patch-worker.js有一些限制（例如importScripts无法按预期工作），主要与它不在chrome-extension: - 来源中运行的事实有关。为了解决这些问题，我创建了另一个使用iframe创建Worker的库。有关源代码和文档，请参阅worker_proxy。

从Chrome扩展程序内容脚本创建Web Worker

1 个答案: