javascript - 如何在 iframe 和 div 上获取 facebook、gmail 网站

标签 javascript html css ajax facebook

我想在 iframe 和选项卡上使用 facebook 页面和 gmail 以及此类社交媒体页面。我该怎么做?

有些页面可以加载,有些页面如facebook和gmail不能。

这是我的尝试

<!DOCTYPE html>

<head>

<title>Test page</title>
</head>
<body>
  <h1>iframes</h1>
  <iframe src="http://www.facebook.com"></iframe> 
  <iframe src="http://www.gmail.com"></iframe> 
  <iframe src="http://www.w3schools.com"></iframe> 

  <br>

  <h1>divs</h1>


  <div> 
        <object type="text/html" data="http://www.facebook.com" width="300px" height="300px" style="overflow:auto;float:left;border:5px ridge blue">
        </object>
  </div>

  <div> 
        <object type="text/html" data="http://www.w3schools.com" width="300px" height="300px" style="overflow:auto;border:5px ridge blue">
        </object>
  </div>

</body>

</html>

最佳答案

这是不可能的,HTTP 响应中的 X-Frame-Options - 禁止它。

但是如果你在服务器上做一个简单的代理 - 它将通过 file_get_contents 加载它们并提供 - 来自你网站的节目 - 转向

关于javascript - 如何在 iframe 和 div 上获取 facebook、gmail 网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39935006/

相关文章:

javascript - div 上的奇怪填充

javascript - 多个元素的条件渲染

javascript - IFRAMES : event between contentWindow. beforeunload() & onload()

javascript - 提交隐藏后HTML5输入表单重现

javascript - 没有 hashbang 的动态 Web 应用程序 #!

jquery - 谷歌地图在 Bootstrap 3.0 模式中未完成加载

CSS 过渡效果使图像模糊/移动图像 1px,在 Chrome 中?

html - 溢出的CSS属性不添加水平滚动条

javascript - 如何将子组件传输到组件?

javascript - 如果屏幕低于 480 像素,则阻止 Javascript 继续执行某个功能