为什么 Chrome 不允许 Web Workers 在 JavaScript 中运行？

Question

如果我尝试通过 JavaScript 文件使用网络工作者，Chrome 会抛出错误 -

未捕获的安全错误：无法创建工作程序：无法从源“null”访问“（路径）/worker.js”处的脚本。

但如果我们直接通过 HTML 使用，它允许它们。

Chrome can't load web worker 上的答案说 Chrome 不允许您在从本地文件运行脚本时加载网络工作者。

为什么 chrome 不允许 web worker 在本地运行？

Web Workers 在 Firefox、Safari 和 Edge 中运行良好

Answer 1

var cblock=`

function workerFunc(e){

    console.info('Hello World!',e.data.msg)
    postMessage({msg:'Complete!'})
}

addEventListener('message',workerFunc)
`    
var a=new Worker(URL.createObjectURL(new Blob( [cblock], {type:'text/javascript'} )))    
a.onmessage=function(e){ console.info('My worker called!',e.data.msg) }    
a.onerror=function(e){ console.info( JSON.stringify(e,' ',2) ) }    
a.postMessage({ msg:'Chrome WebWorkers work!' }) 

// Hello World! Chrome WebWorkers work!
// My worker called! Complete! 

Answer 2

这个问题已经被问过了。只要您使用相对路径，工作人员应该在从磁盘打开的 HTML 文件中工作。但是，如果 chrome 正确地实现了这一点，则存在争议。

我建议您尝试在脚本中使用相对路径：

new Worker("./scripts/worker.js");

如果这不起作用，请参阅以下解决方法：https://stackoverflow.com/a/33432215/607407

具体来说，将worker作为函数加载，然后将函数转换为字符串：

function worker_function() {
    // all worker code here
}
var worker = new Worker(URL.createObjectURL(new Blob(["("+worker_function.toString()+")()"], {type: 'text/javascript'})));