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 не дозволяє завантажувати веб-працівників під час запуску скриптів з локального файлу.

Я використовую вирішення. 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

Більше інформації: Налаштування веб-працівника для хромування

Це через обмеження безпеки. Вам потрібно використовувати 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

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

Опис:

Веб-сервер для Chrome обслуговує веб-сторінки з локальної папки через мережу за допомогою HTTP. Працює офлайн. Веб-сервер для Chrome - це HTTP-сервер із відкритим кодом (MIT) для Chrome.

Він працює в будь-якому місці, на якому встановлений Chrome, і ви можете взяти його будь-де. Він навіть працює на хромобусах ARM.

Тепер він має можливість прослуховувати в локальній мережі, щоб інші комп'ютери могли отримати доступ до ваших файлів. Крім того, він може спробувати отримати Інтернет-адресу.

Багато людей використовують це для створення базових веб-розробок на хронічній книзі. Це також зручно для обміну файлами через локальну мережу між комп’ютерами або навіть в Інтернеті.

Після встановлення перейдіть до 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 мс.

Ймовірно, причина в тому, що хром не дозволяє завантажувати веб-працівників під час запуску скриптів з локального файлу. І я намагаюся запустити код на моєму Firefox, також не можу.

Так, це не буде працювати в хорі, якщо ви завантажуєте локальний файл. Але він буде добре працювати в браузері Firefox. І ви повинні додати код нижче в HTML-файл.

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