[JQUERY] 방법은 iframe에 'X 프레임 - 옵션'을 설정하는 방법?
JQUERY방법은 iframe에 'X 프레임 - 옵션'을 설정하는 방법?
해결법
-
1.당신은 iframe 대응에 X-프레임-옵션을 설정할 수 없습니다. 그것은 당신이 (당신의 예에서 google.com.ua) 리소스를 요구하고있는 도메인 설정 응답 헤더입니다. 그들은 자신의 도메인의 iframe이 외부에있는 자원의 로딩을 허용 한 것을 수단이 경우에 SAMEORIGIN에 헤더를 설정했습니다. 자세한 내용은 MDN의 X 프레임 - 옵션 응답 헤더를 참조하십시오.
당신은 iframe 대응에 X-프레임-옵션을 설정할 수 없습니다. 그것은 당신이 (당신의 예에서 google.com.ua) 리소스를 요구하고있는 도메인 설정 응답 헤더입니다. 그들은 자신의 도메인의 iframe이 외부에있는 자원의 로딩을 허용 한 것을 수단이 경우에 SAMEORIGIN에 헤더를 설정했습니다. 자세한 내용은 MDN의 X 프레임 - 옵션 응답 헤더를 참조하십시오.
(크롬 개발자 도구에 여기에 표시) 헤더의 빠른 검사는 호스트에서 반환 된 X-프레임-옵션 값을 알 수있다.
-
2.X-프레임 - 옵션 요청한 도메인 자체가 프레임 내에 표시 할 수있는 경우 상태로 요청에 대한 응답에 포함 된 헤더입니다. 그것은 자바 스크립트 나 HTML과는 아무 상관이 없으며, 요청의 송신자에 의해 변경 될 수 없습니다.
X-프레임 - 옵션 요청한 도메인 자체가 프레임 내에 표시 할 수있는 경우 상태로 요청에 대한 응답에 포함 된 헤더입니다. 그것은 자바 스크립트 나 HTML과는 아무 상관이 없으며, 요청의 송신자에 의해 변경 될 수 없습니다.
이 웹 사이트는이 iframe에 표시 할 수 없도록이 헤더를 설정하고있다. 이 동작을 중지 클라이언트가 할 수있는 것은 아무것도 없습니다.
X-프레임-옵션에 추가 읽기
-
3.경우에 당신은 당신이 당신의 웹 서버에 X-프레임-옵션에 대한 설정을 설정할 수 있습니다은 iframe의 내용을 전송하는 서버의 제어에 있습니다.
경우에 당신은 당신이 당신의 웹 서버에 X-프레임-옵션에 대한 설정을 설정할 수 있습니다은 iframe의 내용을 전송하는 서버의 제어에 있습니다.
모든 페이지에 대한 X-프레임 - 옵션 헤더를 보내려면 사이트의 구성이 추가 :
Header always append X-Frame-Options SAMEORIGIN
구성의 nginx X-Frame-Options 헤더를 보내도록하려면 HTTP 서버 또는 위치 구성에 하나이 추가 :
add_header X-Frame-Options SAMEORIGIN;
이 헤더 옵션은 옵션이 전혀 설정되어 있지 않은 경우 그래서, 당신은 (예를 들어, 방문자의 브라우저 또는 프록시) 다음 인스턴스로이를 구성 할 수있는 옵션을 제공합니다, 선택 사항입니다
출처 : https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options
-
4.이 솔루션은 정말 서버 측에 대해 언급하지 않았기 때문에 :
이 솔루션은 정말 서버 측에 대해 언급하지 않았기 때문에 :
하나는 모든 일에 허용하는이 최고의 옵션이 아닙니다,이 (아파치에서 예) 같은 설정 것들,하지만 당신은 당신의 서버가 제대로 작동 본 후에 당신은 쉽게 설정을 변경할 수 있습니다.
Header set Access-Control-Allow-Origin "*" Header set X-Frame-Options "allow-from *"
-
5.정말 ... 내가 사용
정말 ... 내가 사용
<system.webServer> <httpProtocol allowKeepAlive="true" > <customHeaders> <add name="X-Frame-Options" value="*" /> </customHeaders> </httpProtocol> </system.webServer>
-
6.아무것도 할 수없고, 여전히 프록시를 사용합니다 iframe을 사용 고려 X 프레임 바이 패스 구성 요소에 해당 웹 사이트를 제시합니다.
아무것도 할 수없고, 여전히 프록시를 사용합니다 iframe을 사용 고려 X 프레임 바이 패스 구성 요소에 해당 웹 사이트를 제시합니다.
-
7.는 X-프레임 - 옵션 HTTP 응답 헤더는 브라우저가 <프레임>의 페이지를 렌더링 할 수 있어야 여부를 표시하는 데 사용할 수 있습니다,
는 X-프레임 - 옵션 HTTP 응답 헤더는 브라우저가 <프레임>의 페이지를 렌더링 할 수 있어야 여부를 표시하는 데 사용할 수 있습니다,
자세한 내용은: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
내가 PHP를 사용하여 증명하기 위하여려고하고이 문제에 대한 다른 해결책을 가지고 :
iframe.php :
<iframe src="target_url.php" width="925" height="2400" frameborder="0" ></iframe>
target_url.php :
<?php echo file_get_contents("http://www.example.com"); ?>
-
8.이 솔루션은 브라우저 플러그인을 설치하는 것입니다.
이 솔루션은 브라우저 플러그인을 설치하는 것입니다.
웹 사이트하는 문제 HTTP 헤더 X-프레임 - 옵션 당신은 X-을 무시 브라우저 플러그인을 설치하여이 동작을 변경하지 않는 한 ... IFRAME을 통합 할 수 없습니다 (다른 서버 원점 또는 SAMEORIGIN) DENY의 값을 프레임 - 옵션 헤더 (예를 들어 크롬의 무시 X 프레임 헤더).
이 보안상의 이유로 전혀 추천하지 않습니다.
-
9.(내가 해결 방법을 공유하고자하기 때문에 나는이 문제를 해결하기 위해 만든이 답변을 부활하고 있습니다)
(내가 해결 방법을 공유하고자하기 때문에 나는이 문제를 해결하기 위해 만든이 답변을 부활하고 있습니다)
당신이
여기서 개념을 시각적 다이어그램이다 :
내가 찾은 CORS 프록시 불만 이었기 때문에, 나는 CORSflare라고하는, 나 자신을 만들어 결국 : 따라서는 100 % 무료로 해결의하는 Cloudflare 노동자 (서버없는 컴퓨팅)에서 실행되도록 설계되었습니다 -만큼 당신으로 하루에 100,000 개 이상의 요청을 수락하는 데 필요하지 않습니다.
당신은 GitHub의에 프록시 소스 코드를 찾을 수 있습니다; 설치 명령을 포함한 전체 문서는, 내 블로그의 게시물에서 찾을 수 있습니다.
-
10.이러한 목적을 위해 당신은 당신의 아파치 나 다른 서비스를 사용하는을의 위치를 일치 할 필요
이러한 목적을 위해 당신은 당신의 아파치 나 다른 서비스를 사용하는을의 위치를 일치 할 필요
당신의 httpd.conf 파일에 다음 아파치를 사용하는 경우.
<LocationMatch "/your_relative_path"> ProxyPass absolute_path_of_your_application/your_relative_path ProxyPassReverse absolute_path_of_your_application/your_relative_path </LocationMatch>
-
11.당신은 당신이이 같은 iframe에로드 할 사이트의 웹 설정에서 X-프레임 옵션을 설정할 수 있습니다
당신은 당신이이 같은 iframe에로드 할 사이트의 웹 설정에서 X-프레임 옵션을 설정할 수 있습니다
<httpProtocol> <customHeaders> <add name="X-Frame-Options" value="*" /> </customHeaders> </httpProtocol>
-
12.이것은 또한 피싱 및 기타 보안 위협을 방지하기 위해 새 브라우저 보안 기능입니다. 크롬의 경우, 요청을 거부에서 브라우저를 방지하기 위해 확장을 다운로드 할 수 있습니다. 로컬 워드 프레스에서 작업하는 동안 나는이 문제가 발생했습니다.
이것은 또한 피싱 및 기타 보안 위협을 방지하기 위해 새 브라우저 보안 기능입니다. 크롬의 경우, 요청을 거부에서 브라우저를 방지하기 위해 확장을 다운로드 할 수 있습니다. 로컬 워드 프레스에서 작업하는 동안 나는이 문제가 발생했습니다.
나는이 확장을 사용 https://chrome.google.com/webstore/detail/ignore-x-frame-headers/gleekbfjekiniecknbkamfmkohkpodhe
-
13.이 사이트 소유자에 의해 제공되어야하고 서버 규칙 내에있는대로 당신은 정말 당신의 HTML 본문에서 X-은 iframe을 추가 할 수 없습니다.
이 사이트 소유자에 의해 제공되어야하고 서버 규칙 내에있는대로 당신은 정말 당신의 HTML 본문에서 X-은 iframe을 추가 할 수 없습니다.
당신이 할 아마 수있는 것은 대상 URL의 내용과 iframe이 그 PHP는 URL이이 원활하게 작동합니다로드 PHP 파일을 만드는 것입니다.
-
14.당신이 바람둥이 인스턴스 레벨 설정 파일에 그것을 할 수 있습니다 (web.xml 파일) web.xml의 설정 파일에서 '필터'및 필터 매핑 '을 추가해야합니다. 이 글로벌 설정 같이 이것은 모든 페이지의 [X-프레임 옵션 = DENY]에 추가한다.
당신이 바람둥이 인스턴스 레벨 설정 파일에 그것을 할 수 있습니다 (web.xml 파일) web.xml의 설정 파일에서 '필터'및 필터 매핑 '을 추가해야합니다. 이 글로벌 설정 같이 이것은 모든 페이지의 [X-프레임 옵션 = DENY]에 추가한다.
<filter> <filter-name>httpHeaderSecurity</filter-name> <filter-class>org.apache.catalina.filters.HttpHeaderSecurityFilter</filter-class> <async-supported>true</async-supported> <init-param> <param-name>antiClickJackingEnabled</param-name> <param-value>true</param-value> </init-param> <init-param> <param-name>antiClickJackingOption</param-name> <param-value>DENY</param-value> </init-param> </filter> <filter-mapping> <filter-name>httpHeaderSecurity</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
-
15.당신이 XML 방식을 사용하는 경우 다음 아래 코드는 작동합니다.
당신이 XML 방식을 사용하는 경우 다음 아래 코드는 작동합니다.
<security:headers> <security:frame-options /> <security:cache-control /> <security:content-type-options /> <security:xss-protection /> </security:headers> <security:http>
from https://stackoverflow.com/questions/27358966/how-to-set-x-frame-options-on-iframe by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 왜 JQuery와 모바일에서 index.html을 모든 스크립트를 넣어 가지고 (0) | 2020.09.29 |
---|---|
[JQUERY] jQuery를 사용하여 - 제출에서 양식을 방지 (0) | 2020.09.29 |
[JQUERY] 이름 속성에 대괄호와 입력에 대한 jQuery를 선택 (0) | 2020.09.29 |
[JQUERY] 트리거 JS / jQuery를에 키 누르기 /를 keyDown /의 keyup 이벤트? (0) | 2020.09.29 |
[JQUERY] 감지 브라우저 자동 채우기 (0) | 2020.09.29 |