PhoneGap 앱에 iframe을 포함시키는 방법은 무엇입니까?

Question

전화를받을 때 모바일보기를 렌더링하는 반응 형 예약 웹 사이트가 있습니다. 내 PhoneGap div 내에서이 웹 페이지를 표시하여 헤더와 탐색을 유지할 수 있습니다. 일반 iframe 코드가 제대로 작동하지 않는 것 같습니다. 누군가 스크린 샷과 같이 작동하도록하는 방법에 대한 힌트를 줄 수 있습니까? 모바일 기기의 웹 뷰에 iframe을 사용할 때 몇 가지 문제에 걸쳐 올 수 있기 때문에 당신이 그 원하는 경우

<div id="set" title="Set Appointment" class="panel"> 
      <iframe width="320px" height="480px" src="http://google.com"></iframe> 
    </div> 

Answer 1

을해야합니다

<iframe src="http://www.myschedulingwebsite.com/" style="width:100%; height:100%;"> 

는 컨테이너 div 채우고 100 %로 높이와 너비를 설정.

은 참고 만 페이지 자체와 동일한 기원의 프레임에 표시 할 수있는 웹 사이트를 사용하여 iframe이를 삽입하려고하면 웹 관리자는 아래의 오류가 발생합니다 :

는 거부 X 프레임 옵션 '을'SAMEORIGIN '으로 설정 했으므로 프레임에'https://www.google.com/ '이 표시됩니다.

이렇게 말하면 www.google.com 및 기타 여러 사이트의 삽입 iframe은 항상 비어있게됩니다. 나는 이것이 누군가를 돕기를 바랍니다.

Answer 2

그럼 당신이 다른 question을 확인할 수 있습니다 여기에

내가 현재 가지고있는 것입니다 두 div는 항상 botton과 정상에있어, 당신은 이렇게하려면 CSS가 필요합니다 :

.topheader { 
    position:fixed; 
    bottom:0; 
} 

등등 .. 나는 P 당신은 물론 당신이 작동 사업부 위치 권한

Answer 3

나는 똑같은 문제가있어서 내 자신의 해결책으로 해결했다. 나는 smartzoom을 사용했다. Iframe에는 너비와 높이가 100 % 지정되어 있지 않으므로 픽셀 단위로 지정해야합니다. 따라서 스마트 줌을 사용하면 iframe을 컨테이너 높이와 너비에 자동으로 맞 춥니 다. 당신은 당신의 필요에 따라 코드를 조정할 수를 heres이 경우, 어떻게 'topheader'에서 '메뉴'링크는 사용자가 내에서 다른 페이지로 다시 탐색 할 것이다 jsfiddle

<div id="viewsites" class="viewsites"> 
    <iframe scrolling="no" id="viewsite_iframe" sandbox="allow-scripts allow-popups allow-forms" src="" class="clsIframe"></iframe> 
</div> 

Answer 4

<iframe src="mypage.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> 
    Your browser doesn't support iframes 
</iframe>