如何在我自己的网页里的某个div里内嵌简书的网页

Question

<div>
    <iframe src="http://www.jianshu.com/p/cc19c8371cd2"></iframe>
</div>

我想在我的网页里显示简书的一篇文章，我现在知道那篇文章的url，但是想上面这样写无法载入。请问有什么方法实现这个需求吗？

Answer 1

可能简书有防iframe的代码，所以无法加载。而且你的网站和简书网站是两个网站，分布在不同的域，浏览器对于跨域有诸多的限制，所以一般情况下，不推荐这样使用。你完全可以把这篇文章扒下来，放在你的网站上，我看到的所有文章网页都是这样处理的。

有没有大神能突破这样的限制，我试目以待。

Answer 2

应该是简书那边阻止了你通过iframe加载他们的网站；
你可以看看这个解释：stackoverflow.com/questions/38535491/trying-to-render-i-frame

Answer 3

因为简书的服务器在返回的response header里面加了两个东西，只允许特定的域名嵌套
Content-Security-Policy:frame-ancestors 'self' dig.chouti.com
X-Frame-Options:ALLOW-FROM http://dig.chouti.com http://k.21cn.com/
浏览器解析到这两个头之后就不加载了，这是服务器端禁止iframe嵌套的方法
相当于前端
//不允许嵌套
if(window != window.top){

window.top.location.href = correctURL;

}
//只允许某些或同域嵌套
if (top.location.host != window.location.host) {
　　top.location.href = window.location.href;
}