Easily communicate among browser tabs
4 years ago
Would you recommend this product?
No reviews yet
Lead Software Engineer, Wingify
Why I created this? We at VWO, the world's easiest A/B testing tool, provide a feature called Heatmap(
). Opening different real-time heatmaps on the user's actual website(s) is a bit tricky. To communicate with different browser tabs and sharing information to and fro becomes tedious while handling references. Also, there are so many restrictions while dealing with Cross-Origin Domains, where cookies, localStorage, and sessionStorage all have their own limitations. AcrossTabs to the rescue. AcrossTabs uses PostMessage API to communicate and thus allows Cross-Origin sharing of data. Features 1. Safely enables cross-origin communication among different browser tabs. Uses PostMessage API for communication. 2. Easy to hook custom callback at various levels. Eg: executing a custom method in Child's tab on receiving a message from Parent tab. 3. Option to provide data-tab-opener="name" attribute on the target link/button(which opens up a new tab), so that it remains to disable until Child tab initiates a handshake and is received by the Parent tab 4. Fully fledged API to get information regarding the tabs(Parent and Child tabs) and other communication-related methods. 5. Exports in a UMD format i.e. library works everywhere. 6. Only 4.11 KB gzipped. PS: I'm the developer of AcrossTabs(
iOS Lead Dev
Thank you for sharing ! Might be very useful for future projects....