无法在 iframe 标记中显示某些网站

Question

我正在尝试开发一个页面，我可以在其中一次显示 3 个以上的网站， 如下：

<ul>
   <li>
      <iframe src="http://www.facebook.com/" /><p> iframe is not supported</p>
   </li>
   <li>
      <iframe src="http://www.yahoo.com/"></iframe>
   </li>
   <li>
      <iframe src="http://www.google.co.in"></iframe>
   </li>
</ul>

问题是它显示 yahoo.com 和 google.co.in，但在 iframe 中不显示 Facebook。

Answer 1

可以使用对象标签：
<object data = "https://facebook.com"></object>

Answer 2

facebook 不希望您在框架中加载他们的主站点

<iframe src="http://m.facebook.com/" width="200" height="300" scrolling="auto" frameborder=0></iframe>

width="200" height="300"可以相应调整。*

这样做是在框架中加载移动版 facebook，而不是在主站点中。

Reference

Answer 3

您必须检查这些站点的 HTTP 响应标头 X-Frame-Option。如果其值为“DENY 或 SAMEORIGIN”，则无法在 iframe 中加载这些网站。

DENY = 没有人可以在 iframe 中加载网站。即使是同一个域页面也无法加载。 SAMEORIGIN = 只有同域的页面才能在 iframe 中加载该网站。

Answer 4

由于某些网站已决定禁用将它们嵌入 iframe，因此您无法使用纯 html 解决方案。您可以创建一个服务器端脚本（在 PHP 中），通过您的网络服务器拉取目标站点，然后使用 html 等。

我能想到的唯一能让您检查网站是否已加载的方法是在 iframe 中搜索目标网站上存在的特定元素（例如 Facebook 上具有特定 id 或类的 div首页）。原因可能是不同的网站可以以不同的方式处理嵌入到 iframe 中，而有些网站可能会显示一些内容，有些可能什么也不显示等，唯一确定的方法是检查真实元素。

Answer 5

您将无法做到这一点，您只能像按钮一样使用 iframe...其他而不是整个网站。