X-Frame-Options 테스트하기
X-Frame-Options
페이지 구성 시 삽입된 프레임의 출처를 검증하여 허용하지 않는 페이지 URL일 경우 해당 프레임을 포함하지 않는 확장 응답 헤더이다. 보안 목적으로 사용되는 확장 헤더로 아직 적용되지 않은 사이트들이 많지만 앞으로 점차 적용될 것으로 보인다. X-Frame OptionsDENY, SAMEORIGIN, ALLOW-FROM 옵션을 이용하여 세부 정책을 설정한다.
| 옵션 | 설명 |
|---|---|
| DENY | Frame 비허용 |
| SAMEORIGIN | 동일한 ORIGIN에 해당하는 Frame만 허용 |
| ALLOW-FROM | 지정된 ORIGIN에 해당하는 Frame만 허용 |
크롬 4.1 , IE 8 , 오페라 10.5 , 사파리 4.0 , 파이어폭스 3.6.9 이상에서는 DENY , SAMEORIGIN 이 적용되며, ALLOW-FROM 은 각 브라우저 마다 지원 현황이 다르다.
https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/X-Frame-Options
해당 확장헤더는 브라우저에서 처리하는 응답 헤더이므로 미지원 브라우저 사용 시 설정과 무관하게 페이지 내 포함된 모든 Frame을 출력한다. (검증 테스트: Opera 5.0.0)
테스트 코드
DENY
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-Frame-Options" content="deny" />
<title>Deny option Test</title>
</head>
<body>
<h1>X-Frame-Options Test</h1>
<p>other url</p>
<iframe src="http://www.oldversion.com" width="1000"></iframe>
<p>same url</p>
<iframe src="http://springs-thursday.iptime.org" width="1000"></iframe>
</body>
</html>SAMEORIGIN
!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-Frame-Options" content="SAMEORIGIN" />
<title>SAMEORIGIN option Test</title>
</head>
<body>
<h1>X-Frame-Options Test</h1>
<p>other url</p>
<iframe src="http://www.oldversion.com" width="1000"></iframe>
<p>same url</p>
<iframe src="http://springs-thursday.iptime.org" width="1000"></iframe>
</body>
</html>ALLOW-FROM url
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-Frame-Options" content="ALLOW-FROM http://www.gmarket.co.kr" />
<title>ALLOW-FROM option Test</title>
</head>
<body>
<h1>X-Frame-Options Test</h1>
<p>other url</p>
<iframe src="http://www.oldversion.com" width="1000"></iframe>
<p>ALLOW-FROM url</p>
<iframe src="http://www.gmarket.co.kr" width="1000"></iframe>
</body>
</html>