Chrome не может загрузить веб-воркера

Я работаю над проектом, в котором используется веб-воркер.

В моем разделе головы у меня есть этот код:

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

Это отлично работает в Safari, но Chrome сообщает о следующей ошибке:

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

Почему это отлично работает в Safari, но не в Chrome? Как это исправить?

Спасибо.

Chrome не позволяет загружать веб-воркеров при запуске скриптов из локального файла.

Я использую обходной путь. Хром блокирует, Workerно нет <script>. Следовательно, лучший способ сделать универсальное решение - это:

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

Затем вы связываете его как обычно <script src="...". И как только функция определена, вы используете эту мерзость кода:

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

Проблема была правильно объяснена Noble Chicken, но у меня есть более общее решение. Вместо установки wamp или xamp с помощью python вы можете перейти к папке, в которой размещен ваш проект, и ввести:python -m http.server

Только это, и у вас будет работающий сервер в этой папке, доступный с localhost.

Вы также можете использовать флаг --allow-file-access-from-files при запуске Chrome.

Пример для MacOsX:

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

Дополнительная информация: настройки веб-воркера для Chrome

Это из-за ограничений безопасности. Вам нужно использовать http://или https://протокол вместо file:///.

Если у вас установлен NodeJS, вы можете просто сделать следующее. - Обратите внимание, что это один из многих доступных вариантов

Установить локальный веб-сервер

$ npm install -g local-web-server

Теперь вы можете использовать его в любой папке, через которую хотите получить доступ к содержимому http.

$ ws

Перейдите к http://localhost:8000(порт по умолчанию: 8000)

У меня была та же проблема, что и у вашего сообщения. Решение в том, что вам нужно запустить его с помощью localhost (wamp или xamp). Будет сделано.

Другой обходной путь - использовать веб-сервер Google для расширения Chrome . Выберите рабочий каталог и запустите сервер. Готово!

вам нужен веб-сервер для запроса по протоколу HTTP вместо локального файла и работает правильно :)

Chromeзагрузить файл, но не может его запустить. Используйте Firefox. У меня это работает.

Простой способ сделать локальный http-сервер в Chrome - это приложение:

Веб-сервер для Chrome

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

Описание:

Веб-сервер для Chrome обслуживает веб-страницы из локальной папки по сети с помощью HTTP. Работает офлайн. Веб-сервер для Chrome - это HTTP-сервер с открытым исходным кодом (MIT) для Chrome.

Он работает везде, где установлен Chrome, поэтому вы можете брать его с собой куда угодно. Он работает даже на хромбуках ARM.

Теперь у него есть возможность слушать в локальной сети, чтобы другие компьютеры могли получить доступ к вашим файлам. Кроме того, он может попытаться получить интернет-адрес.

Многие люди используют это для базовой веб-разработки на Chromebook. Это также удобно для обмена файлами по локальной сети между компьютерами или даже в Интернете.

После установки перейдите по адресу http://127.0.0.1:8887.

И это небезопасно, поскольку флаг --allow-file-access-from-files

Это вдохновлено ответом Томаса выше. Но с одной оговоркой, что я хотел распространять только HTML, поэтому я вручную преобразовал js в dataURL . и установите в нем флажок URL-адреса данных.

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

Поскольку Python 2.x используется более широко, чем Python 3.x, что-то вроде python -m SimpleHTTPServer 8000 более широко применимо, и не только для Mac OS X. Я счел это необходимым для использования, например, в Cygwin.

С учетом этого, этот пример работал как чемпион.

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

Как уже упоминалось, хром не поддерживает его. Мне нравится определять своих воркеров в одном файле. Это рабочий обходной путь, который будет увеличивать число в innerHTML элемента id=numкаждые 500 мс.

Вероятно, причина в том, что Chrome не позволяет загружать веб-воркеров при запуске скриптов из локального файла. И я пытаюсь запустить код на моем firefox, тоже не могу.

Да, это не будет работать в chorome, если вы загружаете локальный файл. Но в браузере firefox он будет работать нормально. И вы должны добавить код ниже в файл HTML.

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