Clients API and Window Messaging

This tutorial covers how to use postMessage to send messages (data) between different tabs, even cross-domain tabs, and between service workers and tabs using the Clients API.

Code from video: https://gist.github.com/prof3ssorSt3v...

Broadcast Messaging video:    • Broadcast Channel API for JS Messaging  

Opening Tabs and Windows video:    • Opening Tabs and PopUp Windows  

0:00 Introduction and Setup
2:20 Adding Listeners
4:20 Opening Tabs and sending Window Messages
7:45 Sending Messages to Service Workers
10:25 Receiving Messages in Service Workers
11:10 Client Id tracking
12:54 Sending Messages from Service Workers
14:23 Sending Messages to one Client
16:52 Sending Messages to multiple Clients