javascript
Broadcast Channel API
hjcode
2022. 3. 3. 09:28
BroadcastChannel API는 동일한 출처의 다른 창,탭,iframe 간에 통신할 수 있는 API입니다.
BroadcastChannel API로 브라우저의 다른 탭에서 현재 사이트를 열었는지 확인하거나,
사용자가 로그인하거나 로그아웃할때와 같이 동일한 출처 내의 다른 탭에서 사용자의 작업을 감지할 수 있습니다.
Broadcast Channel API는 호스트가 다르면 작동하지 않습니다.
https://www.abc.com/
https://abc.com/
창 중 하나가 시크릿 모드이거나 여러 브라우저에서
(예: Firefox에서 Chrome으로)브로드캐스트 채널이 작동하지 않습니다.
const bc = new BroadcastChannel('my-site');
bc.onmessage = (event) => {
// do
}
bc.postMessage('test message);
Broadcast Channel API를 끊는것은 close()를 호출하면 됩니다.
bc.close()
반응형