iframe의 현재 위치 액세스: 문제 및 해결 방법

CORS(교차 출처 리소스 공유) 규정은 iframe의 현재 위치. 이 보안 조치는 다른 출처에 있는 JavaScript 코드가 페이지의 URL에 직접 액세스하는 것을 방지합니다.

JavaScript를 사용하여 iframe의 URL에 액세스하는 것은 불가능하지만 솔루션을 제공할 수 있는 대체 접근 방식이 있습니다.

브라우저측 해결 방법(동일 출처만 해당)

동일 출처 내(즉, 두 포함된 페이지와 iframe 콘텐츠가 동일한 도메인에 속해 있는 경우) iframe의 documentWindow.location.href 속성을 활용하여 현재 URL을 얻을 수 있습니다. 그러나 이 접근 방식은 동일한 출처의 iframe으로 제한됩니다.

서버측 접근 방식

대체 솔루션은 서버측 스크립트를 사용하여 iframe의 URL을 검색하는 것입니다. . 서버측 스크립트는 iframe의 원본에 대한 HTTP 요청을 만들고, 페이지 콘텐츠를 가져오고, URL을 추출할 수 있습니다.

브라우저 내 컨트롤

다른 옵션 브라우저 내 컨트롤을 사용하는 것을 고려하는 것입니다. 이는 다른 브라우저 창 내의 브라우저 창처럼 작동하는 특수 구성 요소입니다. 브라우저 내 브라우저 컨트롤 내에서 iframe을 호스팅하면 iframe의 원본에 관계없이 해당 URL 및 기타 속성에 프로그래밍 방식으로 액세스할 수 있습니다.

추가 고려 사항

• 예외: iframe의 콘텐츠가 포함된 페이지가 아닌 다른 도메인에서 로드된 경우 해당 URL에 액세스하면 권한이 거부됩니다. 오류.
• 브라우저 호환성: documentWindow.location.href 속성과 브라우저 내 브라우저 컨트롤의 가용성과 기능은 브라우저에 따라 다를 수 있습니다.