How to pass data between the different browsing contexts of the same origin in JavaScript?

Originally posted here! To pass data between different browsing contexts like passing data between 2 open tabs, passing data between a tab and service worker, or any context of the same origin in JavaScript, you can use the BroadcastChannel API. Fir...