Chrome nie może załadować programu web Worker

Pracuję nad projektem, w którym jest używany pracownik sieciowy.

W mojej sekcji head mam ten kod:

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

Działa to dobrze w Safari, ale Chrome zgłasza następujący błąd:

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

Dlaczego to działa doskonale w Safari, ale nie w Chrome? Jak to naprawić?

Dziękuję Ci.

Chrome nie pozwala ładować pracowników sieci podczas uruchamiania skryptów z pliku lokalnego.

Używam obejścia. Chrome blokuje, Workerale nie <script>. Dlatego najlepszym sposobem na stworzenie uniwersalnego rozwiązania jest:

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();

Następnie łączysz to w normalny sposób <script src="...". A kiedy funkcja jest zdefiniowana, używasz tej obrzydliwości kodu:

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

Problem został odpowiednio wyjaśniony przez Noble Chicken, ale mam bardziej ogólne rozwiązanie. Zamiast instalować wamp lub xamp, za pomocą Pythona możesz przejść do folderu, w którym znajduje się twój projekt, i wpisać:python -m http.server

Wystarczy, że będziesz miał działający serwer w tym folderze, dostępny z lokalnego hosta.

Możesz także użyć flagi --allow-file-access-from-files podczas uruchamiania Chrome.

Przykład dla MacOsX:

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

Więcej informacji: ustawienia pracownika sieci Web dla Chrome

Wynika to z ograniczeń bezpieczeństwa. Zamiast tego musisz użyć protokołu http://lub .https://file:///

Jeśli masz zainstalowany NodeJS, możesz po prostu wykonać następujące czynności. - Należy pamiętać, że jest to jedna z wielu dostępnych opcji

Zainstaluj lokalny serwer sieciowy

$ npm install -g local-web-server

Teraz możesz go używać w dowolnym folderze, przez który chcesz uzyskać dostęp do zawartości http.

$ ws

Przejdź do http://localhost:8000(domyślny port: 8000)

Miałem ten sam problem co twój post. Rozwiązaniem jest to, że musisz uruchomić go z localhost (wamp lub xamp). To się skończy.

Innym obejściem jest użycie serwera internetowego Google dla rozszerzenia Chrome . Wybierz katalog roboczy i uruchom serwer, Gotowe!

potrzebujesz serwera WWW do żądania z protokołu HTTP Zamiast lokalnego pliku i działa poprawnie :)

Chromezaładować plik, ale nie można go uruchomić. Użyj Firefox. To działa na mnie.

Prostym sposobem na utworzenie lokalnego serwera HTTP w Chrome jest ta aplikacja:

Serwer sieciowy dla Chrome

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

Opis:

Serwer sieciowy dla przeglądarki Chrome udostępnia strony internetowe z lokalnego folderu w sieci przy użyciu protokołu HTTP. Działa w trybie offline. Serwer internetowy dla przeglądarki Chrome to serwer HTTP typu open source (MIT) dla przeglądarki Chrome.

Działa wszędzie, gdzie masz zainstalowany Chrome, więc możesz go zabrać wszędzie. Działa nawet na Chromebookach ARM.

Ma teraz opcję nasłuchiwania w sieci lokalnej, dzięki czemu inne komputery mogą uzyskać dostęp do plików. Dodatkowo może spróbować uzyskać adres internetowy.

Wiele osób używa tego do podstawowego tworzenia stron internetowych na Chromebooku. Jest również przydatny do udostępniania plików w sieci lokalnej między komputerami, a nawet w Internecie.

Po zainstalowaniu przejdź do http://127.0.0.1:8887

I nie jest niezabezpieczona jako flaga --allow-file-access-from-files

Inspiruje to powyższa odpowiedź Thomasa. Ale z jednym zastrzeżeniem, że chciałem rozprowadzać tylko HTML, więc ręcznie przekonwertowałem js na dataURL . i zaznaczając w nim pole wyboru adresu URL danych.

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

Ponieważ Python 2.x jest szerzej wdrażany niż Python 3.x, coś podobnego python -m SimpleHTTPServer 8000ma szersze zastosowanie, i to nie tylko dla Mac OS X. Uważam, że jest to konieczne do użycia na przykład pod Cygwin.

Mając to na miejscu, ten przykład działał jak mistrz.

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;
}

Jak wspomniano, chrome go nie obsługuje. Lubię definiować moich pracowników w tym samym pliku. Jest to działające obejście, które będzie zwiększać liczbę znajdującą się w innerHTML elementu the id=numco 500 ms.

Prawdopodobnie powodem jest to, że Chrome nie pozwala ładować pracowników sieci podczas uruchamiania skryptów z pliku lokalnego. I próbuję uruchomić kod na moim firefoxie, też nie mogę.

Tak, nie będzie działać w chorome, jeśli ładujesz plik lokalny. Ale będzie działać dobrze w przeglądarce Firefox. I musisz dodać poniższy kod w pliku HTML.

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