«iframe» 태그된 질문

'iframe'은 문서 내에 "인라인 프레임"을 생성하여 동일한 페이지에 별도의 문서를 표시 할 수있는 HTML 요소입니다.

13
브라우저에서 iframe 캐싱 방지
Firefox와 Safari가 iframe 콘텐츠를 캐싱하지 못하도록하려면 어떻게해야합니까? 다른 사이트의 페이지에 iframe이있는 간단한 웹 페이지가 있습니다. 외부 페이지와 내부 페이지에는 모두 캐시를 방지하기 위해 HTTP 응답 헤더가 있습니다. 브라우저에서 "뒤로"버튼을 클릭하면 외부 페이지가 제대로 작동하지만 브라우저는 항상 iframed 페이지의 캐시를 검색합니다. IE는 잘 작동하지만 Firefox와 Safari가 문제를 일으키고 있습니다. 내 웹 …

9
교차 도메인 iframe 크기 조정
다른 도메인에서 iframe의 크기를 조정하는 방법 -편집하다 몇 가지 해결책을 보려면 아래로 스크롤하십시오. 또는이 작업을 수행하지 않는 방법을 읽으십시오. D 여러 시간의 코드 해킹 후 결론은 내 도메인에서 렌더링되는 스크롤바를 포함하여 iframe 내부의 모든 항목에 액세스 할 수 없다는 것입니다. 나는 아무 소용이없는 많은 기술을 시도했다. 시간을 절약하려면이 경로를 따르지 …

10
jquery는로드 될 때 iframe 콘텐츠의 높이를 가져옵니다.
main.php의 iframe에로드중인 도움말 페이지 help.php가 있습니다. iframe에로드 된 페이지의 높이를 어떻게 알 수 있습니까? iframe의 높이를 100 % 또는 자동으로 스타일링 할 수 없기 때문에 이것을 묻습니다. 그래서 자바 스크립트를 사용해야한다고 생각합니다. jQuery를 사용하고 있습니다. CSS : body { margin: 0; padding: 0; } .container { width: 900px; height: 100%; …
84 jquery  iframe  height  onload 

12
HTML iframe-스크롤 비활성화
내 사이트에 다음 iframe이 있습니다. <iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe> 그리고 스크롤 막대가 있습니다. 그들을 제거하는 방법?
84 html  css  iframe 

12
iframe이로드되었는지 또는 콘텐츠가 있는지 확인하는 방법은 무엇입니까?
id = "myIframe"인 iframe이 있고 여기에 콘텐츠를로드하는 코드가 있습니다. $('#myIframe').attr("src", "my_url"); 문제는 때로는 로딩에 너무 오래 걸리고 때로는 매우 빠르게 로딩된다는 것입니다. 그래서 "setTimeout"함수를 사용해야합니다. setTimeout(function(){ if (//something shows iframe is loaded or has content) { //my code } else { $('#myIframe').attr("src",""); //stop loading content } },5000); 내가 알고 싶은 …



11
프로그래밍 방식으로 생성 된 <iframe>의 문서 개체에 액세스하려고 할 때 "액세스가 거부되었습니다."JavaScript 오류 (IE 전용)
JavaScript를 사용하여 &lt;iframe&gt; 요소를 만들고 DOM에 추가해야하는 프로젝트가 있습니다. 그런 다음 &lt;iframe&gt;에 콘텐츠를 삽입해야합니다. 제 3 자 웹 사이트에 삽입 될 위젯입니다. 페이지를로드하고 싶지 않기 때문에 &lt;iframe&gt;의 "src"속성을 설정하지 않았습니다. 오히려 CSS 또는 JavaScript가 상위 페이지와 충돌하지 않도록 삽입하는 콘텐츠를 격리 / 샌드 박스하는 데 사용됩니다. JSONP를 사용하여 서버에서 일부 …

8
iframe src가로드에 실패하면 오류를 포착합니다. 오류 :-“프레임에 'http://www.google.co.in/'표시를 거부했습니다 ..”
Knockout.jsiframe src태그 를 바인딩 하는 데 사용 하고 있습니다 (사용자와 관련하여 구성 할 수 있음). 이제 사용자가 http://www.google.com 을 구성한 경우 (iframe에서로드되지 않는다는 것을 알고 있으므로 -ve 시나리오에 사용하고 있습니다) IFrame에 표시되어야합니다. 하지만 오류가 발생합니다. 'X-Frame-Options'를 'SAMEORIGIN'으로 설정했기 때문에 프레임에 ' http://www.google.co.in/ ' 을 표시하는 것을 거부했습니다 . Iframe에 대한 …

5
2 개의 iframe을 비교하고 시각적으로 차이를 얻는 방법?
사례 : 나는 2 개의 iframe을 가지고 있으며 둘 다 많은 div와 다른 컨트롤을 가지고 있으므로 두 iframe 모두 HTML 웹 사이트의 중간 크기와 같습니다. 둘 다 비교하고 차이점을 찾고 싶습니다. 나는 여기에 다른 옵션을 생각했다. 해결 방법 1 : 2 iframe의 전체 스크린 샷을 찍고 스크린 샷의 불일치 영역에 …

2
iframe에서 window.location.replace를 사용할 수 있습니까?
우리는 기록window.location.replace 을 피하고 페이지를 다시로드하지 않고 페이지 내 앵커 를 타겟팅 할 수 있지만 iframe에서는 사용할 수 없습니까? 문제는 인 CSP (콘텐츠 보안 정책)을 위반, 국가가 script-src 'unsafe-inline'활성화되어 있어야합니다. CSP가 정의되어 있지 않고 예외를 정의하고 허용하더라도 script-src 'unsafe-inline'여전히 동일한 위반 오류가 발생합니다. ie11 / chrome / ff와 동일한 결과입니다. …

4
종횡비 가정없이 iframe을 반응 적으로 만드는 방법은 무엇입니까?
종횡비를 가정하지 않고 iframe을 반응 형으로 만드는 방법은 무엇입니까? 예를 들어, 컨텐츠는 임의의 폭 또는 높이를 가질 수 있으며, 이는 렌더링 전에 알려지지 않았다. Javascript를 사용할 수 있습니다. 예: &lt;div id="iframe-container"&gt; &lt;iframe/&gt; &lt;/div&gt; iframe-container내용물이 여분의 공간없이 내부에 거의 들어 가지 않도록 크기를 조정하십시오. 즉, 내용을위한 공간이 충분하므로 스크롤하지 않고 표시 …

1
Safari에서 Storage Access API를 사용하여 iframe에서 쿠키를 설정할 수 없습니다
내 페이지에 iframe이 있습니다. Safari가 타사 쿠키를 차단함에 따라 '개발자 지침'에 제시된대로 Storage Access API를 사용하려고합니다. https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more / . 설명서 에서 다음 코드를 복사했습니다 . &lt;script type="text/javascript"&gt; window.addEventListener('load', () =&gt; { document.getElementById('test-button').addEventListener('click', () =&gt; { document.hasStorageAccess().then(hasAccess =&gt; { console.log('hasAccess: ' + hasAccess); if (!hasAccess) { return document.requestStorageAccess(); } }).then(_ =&gt; …

2
Safari 13+ iframe, CORS 쿠키 차단
Safari 플랫 아웃을 사용하면 부모 도메인과 다른 도메인의 iframe에서 쿠키를 설정할 수 없으므로 서버 측 CORS 헤더가 손상됩니다. 명확히하기 위해 : 사용자는 domainA.com에 있습니다. domainB.com 용 iframe이 열려 있고 iframe 내의 domainB.com에서 사용자를 인증하려고합니다. Set-Cookie 헤더는 필요한 모든 헤더와 함께 domainB.com iframe 내의 서버에서 반환되지만 Safari는 후속 호출에서 헤더를 다시 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.