iFrame에 CSS 스타일시트 삽입
외부 소스에서 iFrame을 로드할 때 도메인 간 보안으로 인해 사용자 정의 CSS 스타일시트를 적용하는 것이 어려울 수 있습니다. 제한. 그러나 다른 도메인에서 로드된 경우에도 iFrame에 스타일시트를 추가할 수 있는 솔루션이 있습니다.
교차 도메인 보안 제한
일반적으로 교차 원본 보안 정책은 스크립트를 방지합니다. 한 도메인의 리소스에 다른 도메인의 리소스에 액세스할 수 없습니다. 이 제한은 CSS 스타일시트에도 적용됩니다.
솔루션
CSS 스타일시트를 iFrame에 삽입하려면 다음 방법 중 하나를 사용할 수 있습니다.
직접 JavaScript 주입
이 방법에는 요소를
iFrame 문서의 요소입니다. 이를 위해 일반 JavaScript 또는 jQuery를 사용할 수 있습니다.<code class="javascript">// Create the CSS link element var cssLink = document.createElement("link"); cssLink.href = "file://path/to/style.css"; cssLink.rel = "stylesheet"; cssLink.type = "text/css"; // Append the link to the iFrame's document frames['iframe'].document.body.appendChild(cssLink);</code>
jQuery 삽입
또한 jQuery를 사용하여 iFrame의 헤드에 스타일시트를 추가할 수도 있습니다.
<code class="javascript">var $head = $("iframe").contents().find("head"); $head.append($("<link>", { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));</code>
보안 고려 사항
외부 소스에서 CSS 스타일시트를 iFrame에 삽입하면 보안 문제가 발생합니다. 다음 사항이 중요합니다.
- Safari에서 동일 출처 정책 비활성화: file:// 프로토콜을 통해 로드된 iFrame의 경우 Safari에서 동일 출처 정책을 비활성화해야 할 수도 있습니다. CSS 삽입을 허용합니다.
- 소스 확인: iFrame이 로드되는 도메인과 삽입하는 스타일시트를 신뢰하는지 확인하세요.
- 제한 액세스: 보안 위험을 최소화하려면 스타일시트에 대한 액세스를 특정 iFrame 또는 디렉토리로 제한하는 것이 좋습니다.
위 내용은 도메인 간 보안 제한이 있는 경우에도 외부 소스에서 CSS 스타일시트를 iFrame에 삽입하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Goofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다

GraphQL API를 구축하는 방법을 배우는 것은 매우 어려울 수 있습니다. 그러나 10 분 안에 GraphQL API를 사용하는 방법을 배울 수 있습니다! 그리고 그것은 완벽하게 얻었습니다

여기 Yuanchuan의 합법적 인 CSS 속임수입니다. 이 CSS 속성 오프셋 경로가 있습니다. 옛날 옛적에, 그것은 모션 경로라고 불렸다가 이름이 바뀌 었습니다. 나


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

Dreamweaver Mac版
시각적 웹 개발 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
