어떻게 마스크 된 도메인 전달 iframe에 메타 뷰포트 태그를 추가 할 수 있습니까?

Question

마스크 된 도메인 전달이 Meta Viewport 태그에 영향을 미치는 방식과 관련하여 Stack Overflow에 관한 비슷한 질문이 있지만 전달 방법이 Viewport 태그와 페이지 응답을 제거하는 방법에 대한 해결책을 아직 찾지 못했습니다. 페이지를 마스크하기 위해 참조 된 사이트의 내용을 포함하는 iframe이 삽입됩니다. 문제는이 iframe이 더 이상 메타 뷰포트를 포함하지 않는 새로운 head 태그 내에 위치한다는 것입니다.

크롬에 내장 된 HTML 관리자의 일부 실험에서이 메타 태그를 추가하면 해당 페이지가 다시 올바르게 표시된다는 것을 알았습니다.

<script> 
function setViewport(){ 
var meta = document.createElement('meta'); 
meta.name= "viewport"; 
meta.content = "width=device-width, initial-scale=1"; 
document.getElementsByTagName('head')[0].appendChild(meta); 
} 
window.onload = setViewport; 
</script> 

그러나,이 작동하지 않습니다 그래서,이 날 것으로 보인다 내가해야 모두가 그렇게 같이로드 할 때 페이지에 메타 뷰포트를 추가 할 수 있습니다. 콘솔에서 JS를 실행하면 태그가 추가되고 페이지가 멋지게 다시 형식화됩니다. 실제로 JS를 코드에 추가하면 해고되지 않습니다.

나는 올바른 위치에 스크립트를 설치하지 않는다고 가정합니다. 내 헤더 포함 파일에 포함 시키겠다.하지만이 포함은 페이지가 렌더링 될 때 iframe 내에서 끝나기 때문에 왜 페이지에 영향을 미치지 않는지 알 수있다. 그래서 내 질문에, 내 코드에 어디에 내가 포워더가 페이지를 다시 포맷 한 후에 실행되도록 배치 할 수있는 위치가 있습니까? 아니면 이것을 수행 할 수있는 onload 이외의 다른 함수가 있습니까?

Answer 1

당신은 iframe이 내용 (UR 대상 웹 사이트)와 GoDaddy와 도메인 모두를 제외하고 중입니다 (차단 크로스 원산지 요청이 있기 때문에

JS가 작동하지 않습니다 거의 모든 경우에 해당하는 것은 아니기 때문에 콘텐츠 사이트에서 js를 통해 메타 태그를 추가하는 방법은 없습니다.

Answer 2

당신이 jQuery를 사용하는 경우, 사용을 시도 :

$(document).ready(function() { 
    setViewport(); 
});