问题标签 [iframe-resizer]

我正在制作页面构建器类型的东西。对于普通视图，iframe 需要相应地调整大小，但对于移动/平板电脑视图，它需要设置大小。

使用 iframe-resizer https://github.com/davidjbradshaw/iframe-resizer @david-bradshaw

父窗口：

视点大小更改器执行此操作：

我看到 .size() 工作的唯一方法是来自 iframe 本身

iframe 窗口

我希望有一种更简单的方法，比如父级 disableIframeResizer() 或其他东西，或者能够从父级设置 .size() ，因为这是选择你的视点部分的地方。我似乎无法弄清楚:(

我的问题是：我需要以某种方式告诉 iframe 在 forceSize = true 时不要调整大小，然后在消息进入时相应地调整大小。

感谢您提供了一个相当不错的图书馆！

我试图获取内容窗口高度以将 iframe 高度设置为角度 5，但我无法做到这一点，因为我在我的 src 标记中使用了不同的域 url。我得到了“因为 cors 而被阻止”之类的异常。

HTML：

主页组件.ts

例外：

无法从“HTMLIFrameElement”读取“contentDocument”属性：阻止具有源“ http://OtherDomain/home.html ”的框架访问跨域框架

试过：

我在 iframe-resizer 下面试过但没有运气

https://github.com/davidjbradshaw/iframe-resizer/issues/478

https://github.com/davidjbradshaw/iframe-resizer

有人可以帮我解决这个问题。

iFrame Resizer 的文档说：

当调整大小无法在一个页面上使用多个 IFrame 时，请确保每个框架都有唯一的 id 或根本没有 id。

我选择不为 iframe 提供任何 ID。我的代码如下所示。它有效，但我想确认我所做的一切都是正确的。具体来说，我只调用 iFrameResize() 一次并且没有参数 - 可以吗？

注意：@david_bradshaw，我决定不使用 id，因为在这种情况下不清楚如何调用iFrameResize()- 我们是否需要为每个 iFrame 调用一次？请说清楚。TIA

我有一个使用 iframe-resizer 嵌入到 iframe 中的 React 应用程序：

这在一般情况下运作良好。但是，当嵌入式 React 应用程序从高页面切换到短页面时，React 应用程序可能会完全消失。我必须手动滚动到 iframe 的顶部才能再次看到该应用程序。有没有办法自动做到这一点？我在 iframe-resizer 文档中看到了scrollToAPI，但我不清楚如何使用它。我是否必须更改我的 React 应用程序或嵌入它的页面？如何？如果可能，我宁愿完全不更改 React 应用程序。

我确实有一个非常基本的设置：

但是当它加载时，页面首先会正确调整大小，然后增长到无穷大。

这是日志：

这是永远重复的（好吧，高度一直在增长）。临时解决方法是使用 maxHeight ，但不应该这样做。

我努力了：

1. 所有的calculateHeightMethods
2. 外部触发resize方法

两个都失败了！

在同一 URL 的其他页面（主机和子）上，情况并非如此！

我正在使用 wordpress，我正在尝试将此http://davidjbradshaw.github.io/iframe-resizer/添加 到我的 wordpress 网站。

这是我作为 iframe 添加的页面：http ://www.abc-legal.reviews/abc-embed/

我在该页面的顶部添加了这个 JS：

我应该对此进行更改吗？即我应该添加我自己的 css 选择器等。我会在 iframe 下放什么？

一般来说，我有点困惑，有没有人在两个 wordpress 网站上成功使用过这个？有人可以给我一个明确的指示步骤吗？

编辑：这是我得到的控制台错误： Uncaught ReferenceError: iFrameResize is not defined

我是 JavaScript 新手，在使用 iframe-resizer 库时遇到问题。

我的 iFrame 有一个 Angular 组件 HTML 文件，其中包含以下代码。如您所见，我包含了 iframeResizer.min.js 文件，并且正在使用 srcdoc 动态构建 iFrame 的内容（我在此框架内容中包含 iframeResizer.contentWindow.min.js 文件）：

我的组件还有一个 scss 文件，其中包含以下内容：

我没有看到我的 iFrame 正在调整大小，也没有在控制台中看到任何 iframe-resizer 日志。什么都没有发生。知道为什么会发生这种情况吗？我究竟做错了什么？我是否需要一个 Angular 指令来公开必要的变量和行为——如果是这样，你有这样的例子吗？对于菜鸟问题​​，我们深表歉意，并在此先感谢您的帮助。

我已经安装了它，所有的调用都一直到设置的高度，然后它就死了。

关于我为什么会收到此错误的建议？我从 GitHub 下载了最新的文件。

我尝试使 iframe 大小与内容相匹配并使用 lib https://github.com/davidjbradshaw/iframe-resizer

所以，我创建了反应组件：

并在所有 jsf-s 的标题中插入了这个

所以，我希望我的组件向内容发送消息。内容将使用此 iframeResizer.contentWindow.js 进行响应，并且 iframe 将被调整大小。但是还有

[iFrameSizer][主机页面：iFrameResizer0] iFrame 没有响应。检查 iFrameResizer.contentWindow.js 是否已在 iFrame 中加载

错误信息。所以，你能帮我吗，怎么了？ps 我用这个库

我使用库iframe-resizer。所以，我创建了 react - 组件。当我等待在框架中加载内容时，我想在这段时间内显示用户圆条。如何理解加载完成？