如何在iframe中打开大型商务网站

Posted

技术标签:

【中文标题】如何在iframe中打开大型商务网站【英文标题】:how to open big commerce website into iframe 【发布时间】:2021-12-28 11:15:32 【问题描述】:

这可以在 iframe 中打开网站吗?

如果没有,是否有可能将我们的内容页面未找到或该网站现在允许将数据提取到 iframe 中

<!DOCTYPE html>
<html>
<body>

<h1>The iframe element</h1>

<iframe src="https://www.amazon.com" title="Amazon online shopping site">
</iframe>

</body>
</html>

【问题讨论】:

【参考方案1】:

一些网站使用所谓的Same Origin Policy 来防止自己被嵌入到其他服务器提供的页面中的 iframe 标记中。为此,他们在页面中发送 X-Frame-Options 标头,浏览器会尊重它们。

例如,Amazon.com 发送此标头。

 x-frame-options: SAMEORIGIN

因此,您将无法将其嵌入到 iframe 中。如果您尝试这样做,您可以通过查看浏览器的 devtools 控制台和网络选项卡来了解发生了什么。

为什么?因为网络爬虫试图对网站用户进行网络钓鱼。

【讨论】:

感谢您的回答,我们能检测出哪个网站不允许将其嵌入 iframe 中吗?

以上是关于如何在iframe中打开大型商务网站的主要内容,如果未能解决你的问题,请参考以下文章

我在IFRAME开放和外部网站。如何捕获在iframe中的外部网站点击的确切链接?

如何在没有 iFrame 的情况下在另一个页面内显示外部网站? [关闭]

sencha touch :: 如何在 iFrame 中创建用于网站预览的面板

如何在 iframe 之后自动加载 javascript

<iframe>嵌套打开自己网站的页面失败,求解决方法

点击iframe里面的连接整页打开