admin管理员组

文章数量:1428500

I have some html that loads a page into an iframe. This works fine with this page, for example:

/

However, a page like this:

/

results in an empty iframe. I suspect this has to do with the page from twitter being rendered in parts using javascript, but I am not sure how to force the page to display in an iframe. Any suggestions?

Environments I have tested: chrome & safari on mac OS

Minimal example:

<html>
  <body>
    <iframe src=""></iframe>
    <iframe src="/"></iframe>
  </body>
</html>

I have some html that loads a page into an iframe. This works fine with this page, for example:

https://seandavi.github.io/

However, a page like this:

https://twitter./seandavis12/

results in an empty iframe. I suspect this has to do with the page from twitter being rendered in parts using javascript, but I am not sure how to force the page to display in an iframe. Any suggestions?

Environments I have tested: chrome & safari on mac OS

Minimal example:

<html>
  <body>
    <iframe src="https://seandavi.github.io"></iframe>
    <iframe src="https://twitter./seandavis12/"></iframe>
  </body>
</html>

  • javascript
  • html
  • iframe
Share Improve this question edited Dec 3, 2017 at 17:56 seandavi asked Dec 3, 2017 at 17:49 seandaviseandavi 2,9784 gold badges31 silver badges53 bronze badges 1
  • 1 show us the code you are using so we can attempt to reproduce the problem – Andrew L Commented Dec 3, 2017 at 17:52
Add a ment  | 

2 Answers 2

Reset to default 5

You won't be able to embed Twitter in an iframe - they have HTTP headers set which your browser sees and prevents the iframe content from being rendered.

If you open your browser console you will be able to see it being blocked:

Twitter will allow you to embed a specific tweet on a page, however, but you must follow their guide on how to do this: https://dev.twitter./web/embedded-tweets

Short answer is you can't use iframe/frame/embed/object or any other regular embedding html tag.

Most large pany websites that aren't simply static, video streaming (ex. youtube), or informational, will likely have the "X-Frame-Options" set to 'sameorigin'. This is known as a Frame-Killer, disabling iframes/frames/etc from embedding content because they are highly vulnerable to being Click-Jacked.

Check out the security section here in Dev Moz

Oftentimes, high profile panies with desirable endpoints and webpages will provide alternate embedding options or even API's that allow you to safely request access for displaying their resources.

本文标签： javascriptWhy won39t this page load into an iframeStack Overflow

版权声明：本文标题：javascript - Why won&#39;t this page load into an iframe? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745501445a2661050.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。