/cross-tab-communication

Demo for cross tab communication

Primary LanguageTypeScriptMIT LicenseMIT

cross-tab-communication

Demo for cross tab communication

cross-tab-communication-demo

Instruction

  1. Start server
$ git clone git@github.com:yujiosaka/cross-tab-communication.git
$ npm run build
$ npm run start
  1. Open http://localhost:8080 in multiple tabs

Comparison

Broadcast Channel Shared Worker LocalStorage WebSocket (SocketIO)
Code simplicity ◎ ○ ○ ○
Server load ◎ ◎ ◎ △
Client load ◎ ◎ △ ○
Cross origin support × × × ○
Chrome 54 4 4 10.13
Edge <=79 79 12 ? (working)
Firefox 38 29 3.5 10.11
Internet Explorer × × 8 7
Opera 41 10.6 10.5 ? (working)
Safari × × 4 10.13

Resources