在同一个域上,或者如果您能够使用外部解决方法,您可以将 iframe 的大小调整为 iframe height。还可以检测 iframe 中的动态大小变化,甚至支持隐藏元素的自动高度。
即使您不在同一个域中并且您无法修改外部页面,您也可以显示远程 iframe 的一部分。使用附带的区域选择器,您可以简单地用鼠标选择要显示的区域。您也可以隐藏其他页面的某些区域。还支持 完美集成缩放!
您可以使用固定比例缩放 iframe 的内容,也可以通过自动缩放来根据浏览器大小计算因子。尤其是在非响应页面上,这可能是移动设备的唯一解决方案。
您可以动态更改父级的 css,甚至iframe 页面也可以根据您的设置进行更改。因此,您可以隐藏页眉和页脚等元素或覆盖静态大小以使页面更具响应性。
延迟加载是提高页面加载时间的完美功能。因此,首先加载您的主页,然后加载 iframe。您还可以在 iframe仅可见时加载它,或者通过单击按钮加载 iframe 。
加载 iframe 通常需要额外的时间。因此,现在您可以向用户显示加载图标,直到 iframe 完全加载。
Advanced iframe pro 有几个选项可以让您的 iframe 响应迅速。也支持视频。有关详细信息,请参阅此博客条目。
许多网站在不同的设备上看起来不同。通过包含的浏览器检测,您可以根据检测到的设备显示不同的 iframe 或 iframe 的不同部分。
您可以动态更改父级的链接目标,也可以根据您的设置甚至iframe 页面。在 iframe 中,现在甚至可以更改链接!这也启用了链接可以直接在 iframe 的额外层中打开的功能。因此,即使用户选择了外部链接,他们也不会离开您的网页!自定义页眉/页脚也可以包含在图层中。
默认情况下,并非所有 IOS 版本都支持在 iframe 内滚动。IOS 解决方法与浏览器检测相结合在插件中完成,因为IOS 解决方法不适用于其他系统!
支持许多解析参数的选项。您可以从父级转发参数,并且您有许多占位符,例如当前的 WordPress 用户名。您甚至可以将 iframe url 作为参数添加到父 url,以便能够为当前选定的页面添加书签。
包含一个小部件以在您的小部件区域中添加 iframe 甚至任何短代码。
此功能确实使您能够仅通过 2 行代码(js + iframe)提供您网站的部分内容。请参阅“内容过滤器”和“添加 ai_external.js 本地”解决方案。
iframe 检查器现在包含在内部,还可以每天检查一次所有 iframe!自 2020 版以来,这是并行完成的,并且还会检查不是高级 iframe iframe 的 iframe!因此可以监视已经存在的 iframe(如果它们仍然可以包含)!每个使用 iframe 的人都应该使用此功能来确保用户不会突然看到空白页。
您不仅可以在 WordPress 中使用此插件,还可以在任何可以插入几行代码的php 页面中使用该插件!
默认情况下,Safari 和 IE 不太支持 iframe 中的 Cookie。此外,所有其他浏览器都可以配置为不起作用。iframe 解决方法中的3rd 方 cookie提供了一个可能的解决方案!
还包括一个 Gutenberg 块,可以轻松地将带有预览的 iframe 添加到您的编辑器。
快速入门指南
要将网页包含到您的页面,请先检查以下事项:
- 检查是否允许包含您的页面页面:
http ://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker ! - 检查 iframe 页面和父页面是否是同一个域。www.example.com 和 text.example.com 是不同的域!
- 你能修改应该包含的页面吗?
您很可能具有以下设置之一:
- 不能包含 iframe:您不能包含内容,因为所有者不允许这样做。
- 可以包含 iframe,并且您在不同的域中:请参阅功能比较图表和功能可用性概述。要将内容调整为高度/宽度或修改 css,您需要通过添加一行 Javascript 来修改远程 iframe 页面以启用提供的解决方法。
- 可以包含 iframe 并且您在同一个域中:可以使用插件的所有功能。
查看功能比较表,哪些功能可用于您的设置。请在购买前这样做! http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart
要输入一个简单的 iframe,请转到管理并按照基本设置选项卡上的说明进行操作。在那里,您可以使用基本简码并在管理中设置设置,或者直接在简码中覆盖设置。另请阅读常见问题解答并查看免费和专业示例。
如果 iframe 页面位于不同的域中并且无法使用外部解决方法,则拥有自己服务器的高级用户也可能会设置反向代理。有关详细信息,请参阅此博客。
如果您混合使用 http 和 https,请阅读此博客。父 https 和 iframe http 不适用于所有市长浏览器!
安装
- 使用 WordPress 的默认插件安装程序安装 zip,或将 zip 文件中的文件夹“advanced-iframe”上传到“/wp-content/plugins”目录。确保文件 advanced-iframe.php 在目录 /wp-content/plugins/advanced-iframe
- 通过 WordPress 中的“插件”菜单激活插件
- 在您的页面或帖子中放置“[advanced_iframe]”。可在设置 -> 高级 iFrame Pro 中找到可选的安全密钥
升级/更新
新的 WordPress 5.5。只需下载新版本并安装即可。WordPress 确实检测到该插件已安装并询问您是否要更新。只需单击是,您就完成了。所有设置都在数据库中。所以什么都没有丢失。请保存高级 iframe 设置一次,以将生成的 ai_external.js 更新到最新版本!
只需从 codecanyon 下载 zip 并使用 ftp 覆盖您之前安装的所有文件或卸载插件(免费或专业版)并再次安装新版本。所有设置都存储在数据库中,因此您不会丢失任何内容。如果您使用了可以在 wordpress.org 上获得的个人版本,也可以使用这种方式。如果您在更新后有一些单选元素为空,只需选择您喜欢的并再次保存。