浏览器何时解析隐藏的元素？
BOOP
<div style="display: none;">foo</div>
我正在考虑出于某些（可能是出于懒惰的原因）使用隐藏的内容而使我的DOM膨胀的原因。
现在我想知道这是否会真正影响性能，所以我的问题是：浏览器（谈论最近的浏览器）什么时候解析隐藏的内容？它何时添加到DOM？或何时真正可见？
我要明确要求div的内容，因为必须对容器进行解析-否则浏览器无法知道其隐藏的内容，对吗？;）
我要求所有现代浏览器都使用此功能，因为我认为所有现代浏览器都将以相同的方式进行处理。
哦，也许我应该补充一点，我将根据JS添加这些隐藏的内容。
音箱
浏览器遵循一种称为“渲染树”的东西，它是通过结合DOM和CSSOM树而形成的。简而言之，DOM关注的是内容，而CSSOM关注的是应用于文档的样式。生成的“渲染树”仅包含渲染页面所需的可见元素。
通过CSS aka via不可见或隐藏的元素display: none将不包含在“渲染树”中，而所有影响布局的元素都将包括在内。因此，可以安全地假设您的示例在变得可见或以某种方式影响文档的布局之前不会被渲染。
构造渲染树后，它会经历布局和绘制循环。布局周期计算每个元素在“渲染树”中的位置，然后绘制周期将每个元素显示在屏幕上。
有关渲染树的更多信息，请参阅Google Developers网站基本资源中描述的关键渲染路径。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
检测何时多个元素位于浏览器屏幕顶部
- 2
浏览器何时删除会话Cookie？
- 3
浏览器的事件循环何时开始？
- 4
如何确定何时关闭浏览器？
- 5
浏览器何时删除会话Cookie？
- 6
隐藏浏览器弹出窗口-Watin
- 7
jQuery的隐藏无法在Chrome浏览器
- 8
隐藏半旧浏览器中的脚本
- 9
浏览器是否加载隐藏资产
- 10
TWA浏览器URL不隐藏
- 11
在浏览器中隐藏角度文件
- 12
HTML：您是否可以从浏览器查找（CTRL + F）中隐藏/忽略文本元素
- 13
如何从浏览器的inspect元素中隐藏video src属性？
- 14
HTML：您是否可以从浏览器查找（CTRL + F）中隐藏/忽略文本元素
- 15
如何强制浏览器隐藏元素，即使它在几秒钟后再次显示
- 16
使用Selenium从浏览器解析类
- 17
浏览器解析日期的方式不同
- 18
网站元素显示在浏览器中，但当我尝试使用检查元素访问它时隐藏
- 19
浏览器搜索转换元素
- 20
浏览器搜索转换元素
- 21
放大浏览器和元素大小
- 22
设置浏览器窗口的元素高度
- 23
如何实现何时复制浏览器选项卡
- 24
检测浏览器何时在Python的BaseHTTPServer中命中“刷新”
- 25
Chrome浏览器如何确定何时发送选项？
- 26
浏览器何时刷新陈旧的缓存条目？
- 27
何时使用浏览器的SignalR关闭连接
- 28
如何检测Selenium何时加载浏览器的错误页面
- 29
检测文件何时在浏览器中上传
我来说两句