html - 是否会下载隐藏在移动设备上的 iframe?

标签 html css mobile

给定一个 iframe 和一个隐藏它们的媒体查询选择器,哪些移动浏览器将下载 iframe 内容,这将如何影响页面加载时间?

HTML

<iframe id="foo" src="http://www.example.com">

CSS

@media (max-width: 500px) {
    #foo{
         display: none;
    }
}

最佳答案

由于像 iframe 和 img 这样的标签将始终请求给定的源,因此与任何其他请求一样对网络产生“正常”影响。这意味着,请求将在它出现在 html 上下文中时完成(增量)。

为了优化 iframe 加载时间,我建议阅读:http://www.aaronpeters.nl/blog/iframe-loading-techniques-performance

关于html - 是否会下载隐藏在移动设备上的 iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17609536/

相关文章:

python - 为什么我的 index.html 不能连接到我的 index.css 文件?

javascript - 选择选项未更新 HTML 网页中的 'selected' 属性

html - 在 zurb foundation 的列中间对齐文本

javascript - 如何使用JS动态更改CSS

ios - IBM Connections 移动应用程序 - 任何已注册的 URL 处理程序?

javascript - iOS 7 - 修复了虚拟键盘上的页脚工具栏中断问题

javascript - 响应式菜单问题 - 如何在移动环境中处理 HREF 和 onclick 事件

javascript - 修改 svg :path using d3

javascript - Bootstrap 3 grid row - 中心对齐图像和文本

javascript - Three.js 不会在 div 中呈现