Skip to content

Instantly share code, notes, and snippets.

@asutherland

asutherland/shared-data-worker.html

Created September 15, 2016 21:39
Show Gist options
  • Save asutherland/d0ee823e37d8400ce6a125e5416e6884 to your computer and use it in GitHub Desktop.
Save asutherland/d0ee823e37d8400ce6a125e5416e6884 to your computer and use it in GitHub Desktop.
Download ZIP
SharedWorkers using data URL's
Raw
shared-data-worker.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script type="application/javascript">
// Create a data worker that tracks its start time and does a console.log when it receives a message.
var w = new SharedWorker("data:application/javascript,d = Date.now(); onconnect = evt => { evt.ports[0].onmessage = _ => console.log(d); evt.ports[0].start() }")
// Now send it that message. If you open this page in two tabs, the second console.log should log the same time as the first.
w.port.postMessage({});
</script>
</body>
</html>
Raw
shared-data-worker2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script type="application/javascript">
// Create a data worker that tracks its start time and does a console.log when it receives a message.
var w = new SharedWorker("data:application/javascript,d = Date.now(); onconnect = evt => { evt.ports[0].onmessage = _ => console.log(d); evt.ports[0].start() }")
// Now send it that message. If you open this page in two tabs, the second console.log should log the same time as the first.
w.port.postMessage({});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment