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

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

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

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


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


因为简书的服务器在返回的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;
}


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

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

【热门文章】
【热门文章】