用于在网页中创建Div的内存量是多少？

Question

我想弄清楚一个div有多少内容（可能是嵌套的div）会占用多少内存。

我怎么会去解决这个问题？

Answer 1

每个浏览器都有所不同，但确实不需要知道这样的细节。为什么你需要知道？

如果你真的想知道浏览器的内部，（至少是开源的）破解了源代码。对于Firefox中的div元素，我找到了this file，我打赌你可以找到其他人。

Answer 2

根据选择的选项，编写一个创建100,500,1000等div的小javascript。在选择选项之前和之后检查浏览器的内存使用情况，并除以您创建的div的数量。尝试使用大量的div来获得更好的平均值，并确保在不同的浏览器，不同的版本和不同的平台上进行测试。

Answer 3

它的大小..！这样做 - ＆gt;制作100,1000个div，全部添加样式。转到浏览器控制台中的网络选项卡，查看大小使用情况。同样地为图像做。你会理解其中的差异。在核心像素处理图像时，CCD阵列比div的直接像素阵列贵一点。