[Javascript] 일부 Chrome 환경에서만 Uncaught DOMException: Blocked a frame with origin 오류 이슈

일부 크롬 브라우저에서 아래와 같은 경고와 오류가 발생한다.

 

경고: document.domain mutation is ignored because the surrounding agent cluster is origin-keyed.
오류 : Uncaught DOMException: Blocked a frame with origin : “{도메인주소}” from accessing a cross-origin frame.

처음부터 개발하는 단계라면 postMessage를 사용하여 처리하는걸 권장하고 있다. 그러나 시간관계상 당장 수정이 불가능하다면 웹서버에 아래 헤더와 값을 추가해보자

Origin-Agent-Cluster: ?0

설정 시 window.originAgentCluster 값이 false가 된다. iframe을 사용하는 부모와 자식 페이지 모두 false가 되어야 한다.

일단 급한불을 끄는 시도지만 정상적인 처리는 아니다. 2023.08월 기준으로 일부 크롬에서만 나타는 현상이지만 앞으로 더 늘어날 가능성이 있으므로 제안된 방법에 따라 수정이 필요하다. 

 

출처 및 참조

https://origin-agent-cluster-demo.dev/explicit-false.html#https://sub.origin-agent-cluster-demo.dev/sub-explicit-false.html

https://web.dev/origin-agent-cluster/

https://learn.microsoft.com/ko-kr/deployedge/edge-learnmore-origin-keyed-agent-cluster