javascript - 加载 iFrame 时防止内存占用的最有效方法?

标签 javascript jquery html iframe

我正在开发一个网站,其中的链接在 iFrame 中打开。这使一切保持流畅。它在计算机上运行得很好,但在移动设备上它有点落后,特别是在 Chrome 上。 当用户点击链接时,网站会以 iFrame 的模式加载。有什么方法可以确保移动设备上的滚动仍然流畅,并以某种方式加快 iFrame 的加载时间?

最佳答案

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

尝试:

<meta name="viewport" content="width=device-width, initial-scale=1">

移动浏览器喜欢在虚拟“窗口”(视口(viewport))中渲染页面,通常比屏幕宽,因此它们不需要将每个页面布局压缩到一个小窗口中(这会破坏许多非移动优化的功能)站点)。用户可以平移和缩放以查看页面的不同区域。

Mobile Safari 引入了“视口(viewport)元标记”,让 Web 开发人员可以控制视口(viewport)的大小和比例。

因此您的 iFrame 页面应该具有元标记。

关于javascript - 加载 iFrame 时防止内存占用的最有效方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32032406/

相关文章:

jquery - 位置固定栏确实滚动

javascript - 如何以编程方式读取 Javascript 事件

javascript - 延迟函数直到 $ 可用

c# - 如何在使用 asp.net 或 jquery 保存之前在文件上传控件中预览上传的图像?

javascript - HTML5 仅拖放图像

jquery - 当文本区域包含 html 标签时设置文本

javascript - 在 JavaScript 中突出显示图像的一部分

javascript - jQuery 更多变量分号或逗号 - 基本

javascript - 是否可以在 AppsScript 的脚本编辑器中使用自动完成功能来处理自定义类?

javascript - 调整 <div> 容器大小的图表呈现问题