Execute web worker from different origin

by

The best is probably to generate a simple worker-script dynamically, which will internally call importScripts(), which is not limited by this cross-origin restriction.

To understand why you can’t use a cross-domain script as a Worker init-script, see this answer. Basically, the Worker context will have its own origin set to the one of that script.

// The script there simply posts back an "Hello" message
// Obviously cross-origin here
const cross_origin_script_url = "https://greggman.github.io/doodles/test/ping-worker.js";

const worker_url = getWorkerURL( cross_origin_script_url );
const worker = new Worker( worker_url );
worker.onmessage = (evt) => console.log( evt.data );
URL.revokeObjectURL( worker_url );

// Returns a blob:// URL which points
// to a javascript file which will call
// importScripts with the given URL
function getWorkerURL( url ) {
  const content = `importScripts( "${ url }" );`;
  return URL.createObjectURL( new Blob( [ content ], { type: "text/javascript" } ) );
}

More Related Contents:

  1. postMessage still broken on IE11?
  2. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  3. Loading cross-domain endpoint with AJAX
  4. Browser detection versus feature detection
  5. How to build PDF file from binary string returned from a web-service using javascript
  6. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  7. How to compress an image via Javascript in the browser?
  8. Show datalist labels but submit the actual value
  9. Jquery load() only working in firefox?
  10. How do I get the (x, y) pixel coordinates of the caret in text boxes?
  11. CORS error on same domain?
  12. Firefox ‘Cross-Origin Request Blocked’ despite headers [closed]
  13. Understanding AJAX CORS and security considerations
  14. How to create a Web Worker from a string
  15. Cross-browser bookmark/add to favorites JavaScript [duplicate]
  16. Enter key press behaves like a Tab in Javascript
  17. How can I make event.srcElement work in Firefox and what does it mean?
  18. How is it possible for an iframe to access its parents DOM?
  19. What happens to code after a javascript redirect (setting window.location.href)?
  20. Inserting text at cursor in a textarea, with Javascript
  21. How can two instances of a userscript communicate between frames?
  22. Setting minimum size limit for a window minimization of browser?
  23. how to resolve iframe cross domain issue [duplicate]
  24. Javascript maximum size for types?
  25. Find the exact height and width of the viewport in a cross-browser way
  26. How to display text in the browser status bar?
  27. How to listen for child window closing?
  28. JavaScript multithreading
  29. What can service workers do that web workers cannot?
  30. Access-Control-Allow-Origin Error At Android 4.1

Leave a Comment