简体   繁体   English

在Chrome开发者工具配置文件快照中识别HTML元素

[英]Identify HTML Element in Chrome Developer Tools Profile Snapshot

I've got a memory leak in my web app. 我的网络应用程序中有内存泄漏。 It looks like there are references to HTML elements that are no longer necessary and I can see this in the Chrome Developer Tools Profile Snapshots. 看起来有不再需要HTML元素的引用,我可以在Chrome开发者工具配置文件快照中看到这一点。 How can I identify which HTML elements are being displayed in the Snapshot Summary view? 如何识别“快照摘要”视图中显示的HTML元素? For example, in the screenshot below, I'm diving into an HTMLAnchorElement and I'd like to know which one that is. 例如,在下面的屏幕截图中,我正在深入研究一个HTMLAnchorElement,我想知道它是哪一个。 If I can get the "className" or "innerHTML" values of the element, I will be able to identify it, but I can't seem to get the values. 如果我可以获得元素的“className”或“innerHTML”值,我将能够识别它,但我似乎无法获得值。 Anyone know how I can do this? 谁知道我怎么做到这一点?

开发者工具配置文件快照

Not sure if I understand the question correctly, but you might want to take a look at the documentation for finding detached DOM tree entries: 不确定我是否正确理解了这个问题,但您可能需要查看用于查找分离的DOM树条目的文档:

http://code.google.com/chrome/devtools/docs/heap-profiling-dom-leaks.html . http://code.google.com/chrome/devtools/docs/heap-profiling-dom-leaks.html

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM