CSP

Creator
Creator
Seonglae ChoSeonglae Cho
Created
Created
2021 Mar 21 8:53
Editor
Edited
Edited
2022 Jul 22 2:51

Content Security Policy

load external resources와 연관된 정책
XSS(Cross Site Scripting)공격을 막기 위해 만들어진 정책
아무나 인라인 자바스크립트 및 css를 넣지 못하도록 하는 것
 
 
 
 
  • base-uri 는 페이지의 <base> 요소에 나타날 수 있는 URL을 제한합니다.
  • child-src 는 작업자와 삽입된 프레임 콘텐츠에 대한 URL을 나열합니다. 예: child-src https://youtube.com을 사용하면 다른 출처가 아니라 YouTube에서 가져온 동영상을 삽입할 수 있습니다. 지원 중단된 frame-src 지시문 대신 이 지시문을 사용하세요.
  • connect-src 는 (XHR, WebSockets 및 EventSource를 통해) 연결할 수 있는 출처를 제한합니다.
  • font-src 는 웹 글꼴을 제공할 수 있는 출처를 지정합니다. font-src https://themes.googleusercontent.com을 통해 Google의 웹 글꼴을 사용할 수 있습니다.
  • form-action 은 <form> 태그에서의 제출을 위해 유효한 엔드포인트를 나열합니다.
  • frame-ancestors 는 현재 페이지를 삽입할 수 있는 소스를 지정합니다. 이 지시문은 <frame><iframe><embed> 및 <applet> 태그에 적용됩니다. 이 지시문은 <meta> 태그에서 사용할 수 없고 HTML 이외의 리소스에만 적용됩니다.
  • frame-src 는 지원 중단되었습니다. child-src 를 대신 사용하세요.
  • img-src 는 이미지를 로드할 수 있는 출처를 정의합니다.
  • media-src 는 동영상과 오디오를 제공하도록 허용되는 출처를 제한합니다.
  • object-src 는 플래시와 기타 플러그인에 대한 제어를 허용합니다.
  • plugin-types 는 페이지가 호출할 수 있는 플러그인의 종류를 제한합니다.
  • report-uri 은 콘텐츠 보안 정책 위반 시 브라우저가 보고서를 보낼 URL을 지정합니다. <meta> 태그에서는 이 지시문을 사용할 수 없습니다.
  • style-src 는 script-src에서 스타일시트에 해당합니다.
  • upgrade-insecure-requests 는 사용자 에이전트에 URL 구성표를 다시 작성하여 HTTP를 HTTPS로 변경하도록 지시합니다. 이 지시문은 다시 작성해야 할 이전 URL이 많은 웹사이트를 위한 것입니다.
 
 

data url

official

checker

 
 

Recommendations