Chrome no puede cargar el trabajador web

Estoy trabajando en un proyecto que utiliza un trabajador web.

En mi sección principal tengo este código:

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

Esto funciona bien en Safari, pero Chrome informa el siguiente error:

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

¿Por qué esto funciona perfectamente en Safari pero no en Chrome? ¿Cómo puedo solucionar esto?

Gracias.

Chrome no le permite cargar trabajadores web cuando ejecuta scripts desde un archivo local.

Yo uso una solución. Bloques de cromo Workerpero no <script>. Por lo tanto, la mejor manera de hacer una solución universal es 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();

A continuación, lo vincula normalmente <script src="...". Y una vez que la función está definida, usas esta abominación de código:

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

Noble Chicken ha explicado correctamente el problema, pero tengo una solución más general. En lugar de instalar wamp o xamp, con python puede navegar a la carpeta en la que está alojado su proyecto y escribir:python -m http.server

Solo eso y tendrá un servidor en ejecución en esa carpeta, accesible desde localhost.

También puede usar la marca --allow-file-access-from-files cuando inicia Chrome.

Ejemplo para MacOsX:

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

Más información: configuración del trabajador web para Chrome

Es por las restricciones de seguridad. Necesita usar http://o el https://protocolo en lugar de file:///.

Si tiene NodeJS instalado, simplemente puede hacer lo siguiente. - Tenga en cuenta que esta es una de las muchas opciones disponibles.

Instalar servidor web local

$ npm install -g local-web-server

Ahora puede usarlo en cualquier carpeta a través de la que desee acceder a los contenidos http.

$ ws

Navegar a http://localhost:8000(puerto predeterminado: 8000)

También tuve el mismo problema que tu publicación. La solución es que debes ejecutarlo con localhost (wamp o xamp). Estará hecho.

Otra solución alternativa es utilizar el servidor web de Google para la extensión de Chrome . Elija su directorio de trabajo e inicie el servidor, ¡Listo!

necesita un servidor web para la solicitud del protocolo HTTP en lugar de un archivo local y funciona correctamente :)

Chromecargar el archivo pero no puede ejecutarlo. Utilice Firefox. Me está funcionando.

Una forma fácil de hacer un servidor http local en Chrome es esta aplicación:

Servidor web para Chrome

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

Descripción:

Un servidor web para Chrome, sirve páginas web desde una carpeta local a través de la red, utilizando HTTP. Funciona sin conexión. Web Server para Chrome es un servidor HTTP de código abierto (MIT) para Chrome.

Se ejecuta en cualquier lugar donde tenga instalado Chrome, por lo que puede llevarlo a cualquier lugar. Incluso funciona en Chromebooks ARM.

Ahora tiene la opción de escuchar en la red local, para que otras computadoras puedan acceder a sus archivos. Además, puede intentar obtener una dirección de Internet.

Mucha gente usa esto para hacer desarrollo web básico en un Chromebook. También es útil para compartir archivos a través de una red local entre computadoras o incluso en Internet.

Una vez que lo instale, vaya a http://127.0.0.1:8887

Y no es inseguro como flag --allow-file-access-from-files

Esto está inspirado en la respuesta de Thomas anterior. Pero con una advertencia de que quería distribuir solo el HTML, así que convertí manualmente el js a dataURL . y habilitando la casilla de verificación URL de datos en él.

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

Con Python 2.x desplegado más ampliamente que Python 3.x, algo como python -m SimpleHTTPServer 8000 es aplicable de manera más general, y no solo para Mac OS X. Lo encontré necesario para su uso bajo Cygwin, por ejemplo.

Con eso en su lugar, este ejemplo funcionó como un campeón.

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 se mencionó, Chrome no lo admite. Me gusta definir a mis trabajadores en el mismo archivo. Esta es una solución de trabajo que aumentará un número encontrado en innerHTML del elemento con id=numcada 500ms.

Una razón probable es que Chrome no le permite cargar trabajadores web cuando ejecuta scripts desde un archivo local. Y trato de ejecutar el código en mi firefox, tampoco puedo.

Sí, no funcionará en chorome si está cargando un archivo local. Pero funcionará bien en el navegador Firefox. Y debe agregar el siguiente código en el archivo HTML.

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