Chrome, web çalışanı yükleyemiyor

Web çalışanı kullanan bir proje üzerinde çalışıyorum.

Baş bölümümde bu kod var:

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

Bu, Safari'de sorunsuz çalışıyor, ancak Chrome aşağıdaki hatayı bildiriyor:

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

Bu neden Safari'de mükemmel çalışıyor ama Chrome'da çalışmıyor? Bunu nasıl düzeltirim?

Teşekkür ederim.

Chrome, yerel bir dosyadan komut dosyaları çalıştırırken web çalışanlarını yüklemenize izin vermez.

Bir geçici çözüm kullanıyorum. Chrome engelliyor Workerama engellemiyor <script>. Dolayısıyla evrensel bir çözüm oluşturmanın en iyi yolu şudur:

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

Daha sonra normal bir şekilde bağlarsınız <script src="...". Ve fonksiyon tanımlandıktan sonra, bu iğrenç bir kod kullanırsınız:

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

Sorun Noble Chicken tarafından doğru bir şekilde açıklandı, ancak bunun için daha genel bir çözümüm var. Python ile wamp veya xamp kurmak yerine, projenizin barındırıldığı klasöre gidip şunu yazabilirsiniz:python -m http.server

Sadece bu ve bu klasörde localhost'tan erişilebilen çalışan bir sunucunuz olacak.

Ayrıca kullanabilirsiniz --allow-dosya access-from-dosyalar Chrome'u başlattığınızda bayrağı.

MacOsX için örnek:

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

Daha fazla bilgi: Chrome için web çalışanı ayarları

Güvenlik kısıtlamaları yüzünden. Bunun yerine http://veya https://protokol kullanmanız gerekir file:///.

NodeJS kuruluysa, aşağıdakileri yapmanız yeterlidir. - Bunun mevcut birçok seçenekten biri olduğunu unutmayın

Yerel web sunucusunu kurun

$ npm install -g local-web-server

Artık içeriğe erişmek istediğiniz herhangi bir klasörde kullanabilirsiniz http.

$ ws

Git http://localhost:8000(varsayılan bağlantı noktası: 8000)

Senin görevinle aynı sorunu yaşadım. Çözüm, onu localhost (wamp veya xamp) ile çalıştırmanız gerektiğidir. Yapacak.

Başka bir çözüm, Google'ın Chrome uzantısı için web sunucusunu kullanmaktır . Çalışma dizininizi seçin ve sunucuyu başlatın, Bitti!

HTTP protokolünden gelen istek için yerel dosya yerine bir web sunucusuna ihtiyacınız var ve düzgün çalışıyorsunuz :)

Chromedosyayı yükleyin ancak çalıştıramazsınız. Kullanın Firefox. Benim için çalışıyor.

Chrome'da yerel http sunucusu yapmanın kolay yolu bu uygulama:

Chrome için Web Sunucusu

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

Açıklama:

Chrome için Web Sunucusu, HTTP kullanarak ağ üzerindeki yerel bir klasörden web sayfaları sunar. Çevrimdışı çalışır. Chrome için Web Sunucusu, Chrome için açık kaynaklı (MIT) bir HTTP sunucusudur.

Chrome'u yüklediğiniz her yerde çalışır, böylece istediğiniz yere götürebilirsiniz. ARM Chromebook'larda bile çalışır.

Artık yerel ağda dinleme seçeneğine sahiptir, böylece diğer bilgisayarlar dosyalarınıza erişebilir. Ek olarak, bir internet adresi deneyebilir ve alabilir.

Çoğu kişi bunu bir Chromebook'ta temel web geliştirme yapmak için kullanır. Bilgisayarlar arasında veya hatta internette yerel bir ağ üzerinden dosya paylaşmak için de kullanışlıdır.

Kurduktan sonra http://127.0.0.1:8887 adresine gidin.

Ve bayrak --allow-file-access-from-files olarak güvenli değildir.

Bu, Thomas'ın yukarıdaki yanıtından esinlenmiştir. Ancak, yalnızca HTML'yi dağıtmak istediğime dair bir uyarı ile js'yi dataURL'ye manuel olarak dönüştürdüm . ve içindeki veri URL onay kutusunu etkinleştirmek.

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

Python 2.x'in Python 3.x'ten daha yaygın olarak konuşlandırılmasıyla, benzer bir python -m SimpleHTTPServer 8000şey daha genel olarak uygulanabilir ve sadece Mac OS X için değil. Örneğin, Cygwin altında kullanım için gerekli buldum.

Bununla birlikte, bu örnek bir şampiyon gibi çalıştı.

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

Belirtildiği gibi, Chrome bunu desteklemiyor. Çalışanlarımı aynı dosyada tanımlamayı seviyorum. Bu, id=numher 500 ms'de bir öğenin innerHTML'sinde bulunan sayıyı artıracak çalışan bir geçici çözümdür.

Muhtemelen nedeni, Chrome'un yerel bir dosyadan komut dosyaları çalıştırırken web çalışanlarını yüklemenize izin vermemesidir. Ve firefoxumda kodu çalıştırmayı deniyorum, yapamam.

Evet, yerel dosyanızı yüklüyorsanız, koromda çalışmayacaktır. Ancak firefox tarayıcısında iyi çalışacaktır. Ve HTML dosyasına aşağıdaki kodu eklemelisiniz.

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