响应式 Iframe 高度跨域,无需控制源页面

Posted

技术标签:

【中文标题】响应式 Iframe 高度跨域,无需控制源页面【英文标题】:Responsive Iframe height cross-domain without having control of source page 【发布时间】:2014-04-09 02:53:50 【问题描述】:

我正在开发一个包含一些 iframe 的响应式网站,在 iframe 中,我将从其他域加载我无法编辑的内容。

那么,有可能以某种方式获得内容高度吗?来自另一个域且无法访问源页面。

【问题讨论】:

我不认为这是可能的,只有当两个页面都在同一个域上时,你才能拥有 iframe 的内容高度。 【参考方案1】:

从另一个域加载页面时,您无法访问 iframe 中的任何内容。

【讨论】:

【参考方案2】:

可以使用CORS 或JSONP 进行跨域AJAX 请求,但您需要访问嵌入式网站。可能你可以尝试YQL 来获取内容。在您自己的服务器上进行镜像就可以完成这项工作。否则你会点击SOP。

【讨论】:

以上是关于响应式 Iframe 高度跨域,无需控制源页面的主要内容,如果未能解决你的问题,请参考以下文章

如何将Google Form iframe嵌入具有灵活高度的html css(响应式)

响应式布局的实现

响应式布局-实现方式01

响应式布局-实现方式01

FancyBox iframe 高度问题

带有 Google Docs IFRAME 的 Bootstrap/JQuery 响应式/居中模式