Chrome não pode carregar web worker

Estou trabalhando em um projeto que usa um trabalhador da web.

Na minha seção principal, tenho este código:

var worker = new Worker("worker.js");
// More code

Isso funciona bem no Safari, mas o Chrome relata o seguinte erro:

Uncaught SecurityError: Failed to create a worker: script at '(path)/worker.js' cannot be accessed from origin 'null'.

Por que isso funciona perfeitamente no Safari, mas não no Chrome? Como faço para corrigir isso?

Obrigado.

O Chrome não permite que você carregue web workers ao executar scripts de um arquivo local.

Eu uso uma solução alternativa. O Chrome bloqueia, Workermas não <script>. Portanto, a melhor maneira de fazer uma solução universal é esta:

function worker_function() {
    // all code here
}
// This is in case of normal worker start
// "window" is not defined in web worker
// so if you load this file directly using `new Worker`
// the worker code will still execute properly
if(window!=self)
  worker_function();

Você então o vincula normalmente <script src="...". E uma vez que a função é definida, você usa esta abominação de um código:

new Worker(URL.createObjectURL(new Blob(["("+worker_function.toString()+")()"], {type: 'text/javascript'})));

O problema foi devidamente explicado pela Noble Chicken, mas tenho uma solução mais geral para ele. Em vez de instalar o wamp ou o xamp, com o python você pode navegar até a pasta em que seu projeto está hospedado e digitar:python -m http.server

Apenas isso e você terá um servidor em execução nessa pasta, acessível a partir de localhost.

Você também pode usar o sinalizador --allow-file-access-from-files ao iniciar o Chrome.

Exemplo para MacOsX:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

Mais informações: configurações do Web worker para Chrome

É por causa das restrições de segurança. Você precisa usar o protocolo http://ou em https://vez de file:///.

Se você tiver o NodeJS instalado, pode simplesmente fazer o seguinte. - Observe que esta é uma das muitas opções disponíveis

Instalar servidor web local

$ npm install -g local-web-server

Agora você pode usá-lo em qualquer pasta através da qual deseja acessar o conteúdo http.

$ ws

Navegue até http://localhost:8000(porta padrão: 8000)

Eu tive o mesmo problema que sua postagem também. A solução é executá-lo com localhost (wamp ou xamp). Vai ser feito.

Outra solução alternativa é usar o servidor da web do Google para a extensão do Chrome . Escolha seu diretório de trabalho e inicie o servidor, Pronto!

você precisa de um servidor web para solicitação de protocolo HTTP em vez de arquivo local e funcione corretamente :)

Chromecarregar o arquivo, mas não pode executá-lo. Use Firefox. Está funcionando para mim.

Uma maneira fácil de criar um servidor http local no Chrome é este aplicativo:

Servidor Web para Chrome

https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/related

Descrição:

Um servidor da web para Chrome, serve páginas da web de uma pasta local na rede, usando HTTP. Funciona offline. O Web Server for Chrome é um servidor HTTP de código aberto (MIT) para o Chrome.

Ele roda em qualquer lugar que você tenha o Chrome instalado, então você pode levá-lo para qualquer lugar. Ele funciona até mesmo em Chromebooks ARM.

Agora, ele tem a opção de ouvir na rede local, para que outros computadores possam acessar seus arquivos. Além disso, ele pode tentar obter um endereço de Internet.

Muitas pessoas usam isso para fazer o desenvolvimento básico da web em um Chromebook. Também é útil para compartilhar arquivos em uma rede local entre computadores ou mesmo na Internet.

Depois de instalá-lo, navegue para http://127.0.0.1:8887

E não é inseguro como sinalizador --allow-file-access-from-files

Isso é inspirado na resposta de Thomas acima. Mas com uma ressalva de que eu queria distribuir apenas o HTML, então converti manualmente o js em dataURL . e habilitando a caixa de seleção URL de dados nele.

const myWorker = new Worker("data:application/x-javascript;base64,b25tZXNzYW...");

Com o Python 2.x sendo implementado de forma mais ampla do que o Python 3.x, algo como python -m SimpleHTTPServer 8000é mais geralmente aplicável, e não apenas para Mac OS X. Eu achei necessário para uso no Cygwin, por exemplo.

Com isso em vigor, este exemplo funcionou como um campeão.

function worker_fun(num){
    num ++
    // console.log(num)
    postMessage(num);
    setTimeout(worker_fun.bind(null,num), 500)
}

var w

function startWorker(){
    var blob = new Blob([
        "onmessage = function(e){\
            " + worker_fun.toString() + "\
            worker_fun(e.data.num);}"
    ]);
    var blobURL = window.URL.createObjectURL(blob);
    if (typeof(Worker) != 'undefined'){
        if (typeof(w) == 'undefined'){

            w = new Worker(blobURL);
            w.onmessage = function(event){
                document.getElementById('num').innerHTML = event.data;
            } 
            w.postMessage({
               num:parseInt(document.getElementById('num').innerHTML)})
        }
    }
}


function stopWorker() { 
    w.terminate();
    w = undefined;
}

Como mencionado, o cromo não o suporta. Gosto de definir meus trabalhadores no mesmo arquivo. Esta é uma solução alternativa que aumentará o número encontrado no innerHTML do elemento a id=numcada 500 ms.

Provavelmente, o cromo não permite que você carregue web workers ao executar scripts de um arquivo local. E tento executar o código no meu firefox, também não consigo.

Sim, não funcionará em chorome se você estiver carregando um arquivo local. Mas funcionará bem no navegador firefox. E você tem que adicionar o código abaixo no arquivo HTML.

<head>
    <meta charset="UTF-8" />
</head>