微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当 HTMLParagraphElement 被移除时,三个元素会出现在它的位置在 Chrome 堆快照中

如何解决当 HTMLParagraphElement 被移除时,三个元素会出现在它的位置在 Chrome 堆快照中

我有这个网页

<p>hello</p>
<button>press</button>

<script>
document.querySelector("button").onclick = _ => {
  document.querySelector("p").remove() 
}  
</script>

我加载页面并使用开发工具做一个堆快照并得到这个:

enter image description here

然后我按下网页按钮,段落元素从页面中消失。我转到 Memory chrome 开发工具页面,运行垃圾收集,然后再做一次堆快照。

enter image description here

现在我在内存中有三个段落元素,它们的对象引用是原型,而不是第一个 snapshop 中的 html body 和 text 元素。

我是 Chrome 中这个内存管理工具的新手。谁能帮我理解发生了什么? OS X 上的 Chrome 版本 87.0.4280.141(官方版本)(x86_64)。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。