Question

我试图为用户提供一个顶部栏的方法，底部将是一个IFRAME，加载我们发送给他们的内容（我们会在需要时将它们发送到下一个站点）

所以，我有：

<div id="top">
   some menu options here
</div>
<div id="frame">
    <iframe id="newsViewer" src="http://www.bbc.com"  frameBorder="0" border="0">Sorry, please enable iFrames to view this</iframe>
</div>

...和CSS：

#top {
    background: rgb(249,249,249);
    position: fixed;
    height: 90px;
    top: 0px;
    left: 0px;
    width: 100%;

}
#frame {
    /*background:red;*/
    border-top: 4px dashed #eee;
    position: fixed;
    top: 90px;
    left: 0px;
    height: 100px;
    width: 100%;
}

https://jsfiddle.net/h2nyLhmu/

这会产生CORS错误：

X-Frame-Options拒绝加载：http://www.bbc.co.uk/不允许跨领域框架。

我有点理解为什么他们这样做，但它完全搞砸了我将用来显示链接的整个系统模型：/

Answer 1

您可以查看this回答。我已经尝试了google soultion，遗憾的是它不再适用，所以你必须在自己的网站上创建一个脚本或者使用像embed.ly这样的服务。

使用iFrame的方法，没有CORS错误

1 个答案: