使用具有 Chrome 扩展的 Web Worker

我在这里想要实现的目标是执行XHRHttpRequest()一个工人来加速我的延期。我在用worker_proxy.js from here https://github.com/Rob--W/chrome-api/tree/master/worker_proxy。它工作得很好，只是我无法弄清楚如何将字符串传递给这个工作人员。 这是我的代码：

清单.json

{
  "permissions": [
     "alarms",
     "activeTab",
     "tabs",
     "webNavigation",
     "http://*/*", 
     "https://*/*",
     "cookies"
  ],  
  "options_page": "options.html",
  "background": {
    "persistent": false,
    "scripts": [ "worker_proxy.js","background.js"]
  },
  "content_scripts": [
     {
        "matches": ["https://*/*","http://*/*"],
        "js": ["jquery-2.1.4.js","hmac-sha256.js","enc-base64-min.js","worker_proxy.js","content.js"]
     }
  ],
  "web_accessible_resources": [ "worker_proxy.html","worker.js"],
}    

工人.js

var somestring=getStringFromContentJS()
    
var xhr=new XMLHttpRequest();
var request="GETgoogle.com"
xhr.open("GET", request, false);
xhr.send(someString);
    
postMessage('Result\n' + xhr.responseText);

内容.js

var az_worker = new Worker(chrome.runtime.getURL('getAzProducts.js'));

az_worker.onmessage = function(event) {
   alert('Message from worker: ' + event.data);
};

我能够接收来自的数据worker.js，但是我如何向它发送数据，即

var somestring=getStringFromContentJS()

要将数据发送到工作人员，只需将以下内容添加到worker.js的顶部：

self.onmessage = function(event) {
    // Do something with event.data
};

and use az_worker.postMessage(somestring);向其发送数据。

但您的代码不必要地复杂。如果您的目标是“加速我的扩展”，那么您应该not使用 Web Worker 来制作同步 XHR，但是使用异步XHR在主线程上。 Web Workers 非常适合 CPU 密集型任务，但对于网络请求等 I/O 任务没有任何优势。

See https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started and https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest有关使用 XMLHttpRequest 的教程。