은 iGoogle과 유사한 응용 프로그램에서 작업하고 있습니다. iframe을 사용하여 다른 도메인의 다른 애플리케이션의 콘텐츠가 표시됩니다.iframe의 콘텐츠 높이에 맞게 iframe의 크기를 조정하려면 어떻게해야합니까?
iframe의 콘텐츠 높이에 맞게 iframe 크기를 조정하려면 어떻게해야합니까?
나는 Google에서 사용하는 자바 스크립트를 해독하려고했지만 어설픈데, 웹 검색은 지금까지 효과가 없습니다.
업데이트 : 콘텐츠가 다른 도메인에서로드되어 동일한 출처 정책이 적용된다는 점에 유의하십시오.
해결책 - iframe이 동일한 도메인에서 온 경우 iframe 높이를 iframe 콘텐츠 본문 높이로 늘리는 것입니다.
다른 도메인의 iframe을 사용하고 있으므로 은이 아닙니다. 보안상의 이유로 (귀하가 인용 한 동일한 출처 정책)이를 수행하십시오.
hacky 방법이 있지만 브라우저 간 호환성은 없습니다.
** 업데이트 : 이 링크 JSONP를 사용하여, 어떤 방법으로 당신을 도와줍니다 경우 참조 :
http://www.codeproject.com/Articles/42641/JSON-to-JSONP-Bypass-Same-Origin-Policy
아마도 서버 측 프록시가있을 수 있습니다. –
는 CSS를 사용하는 가장 간단한 방법.
프로세스 : 웹 사이트에서 iframe을 가져온 다음 CSS에서 조정할 클래스를 추가하십시오.
자신의 CSS 속성 요소 중 하나 이상을 필요로하는 경우! important 기능을 사용하기 만하면됩니다.
예 : 난 당신이 캔트 생각
.fb-likes{
width:100% !important;
}
... – reyaner
크기를 조정하려면 : http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit -with-content-in-it (동일한 출처 정책이 적용됨) – Abhitalks