RESOLVED FIXED 76545
[chromium] Web Inspector: highlight DOM nodes from detached DOM trees
https://bugs.webkit.org/show_bug.cgi?id=76545
Summary [chromium] Web Inspector: highlight DOM nodes from detached DOM trees
Ilya Tikhonovsky
Reported 2012-01-18 08:27:30 PST
often the cause of memory leaks are DOM objects that not connected to a DOMWindow. I'd like to highlight these objects in the Profiler's heap snapshot for the better discoverability.
Attachments
Patch (6.60 KB, patch)
2012-01-18 08:30 PST, Ilya Tikhonovsky
no flags
screenshot (10.42 KB, image/png)
2012-01-18 08:31 PST, Ilya Tikhonovsky
no flags
another screenshot (20.50 KB, image/png)
2012-01-18 08:34 PST, Ilya Tikhonovsky
no flags
Patch (6.63 KB, patch)
2012-01-18 09:08 PST, Ilya Tikhonovsky
yurys: review+
Ilya Tikhonovsky
Comment 1 2012-01-18 08:30:33 PST
Ilya Tikhonovsky
Comment 2 2012-01-18 08:31:21 PST
Created attachment 122936 [details] screenshot
Ilya Tikhonovsky
Comment 3 2012-01-18 08:34:23 PST
Created attachment 122937 [details] another screenshot
Mikhail Naganov
Comment 4 2012-01-18 08:51:49 PST
Comment on attachment 122935 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=122935&action=review Minor comments, otherwise lgtm. > Source/WebCore/inspector/front-end/HeapSnapshot.js:723 > + this._nodeFlags = {canBeQueried: 1, detachedDOMTreeNode: 2}; Please add a comment that this is a set of boolean flags. Otherwise, it's not clear which value should the next flag have: 3 or 4. > Source/WebCore/inspector/front-end/HeapSnapshot.js:1050 > + _markDetachedDOMTreeNodes: function(nativeRoot) Is function argument being used? > Source/WebCore/inspector/front-end/HeapSnapshot.js:1054 > + for (var iter = this.rootNode.edges; iter.hasNext(); iter.next()) { I'd suggest to cache this. > Source/WebCore/inspector/front-end/heapProfiler.css:124 > + background-color: hsl(0, 100%, 80%); Why hsl? The rest of the file uses rgb or #. Is this a new trend in DevTools?
Ilya Tikhonovsky
Comment 5 2012-01-18 09:08:53 PST
Ilya Tikhonovsky
Comment 6 2012-01-18 09:11:58 PST
> > Source/WebCore/inspector/front-end/HeapSnapshot.js:1054 > > + for (var iter = this.rootNode.edges; iter.hasNext(); iter.next()) { > > I'd suggest to cache this. It is using only here and this method is calling only once. > > > Source/WebCore/inspector/front-end/heapProfiler.css:124 > > + background-color: hsl(0, 100%, 80%); > > Why hsl? The rest of the file uses rgb or #. Is this a new trend in DevTools? All other comments were fixed.
Ilya Tikhonovsky
Comment 7 2012-01-18 10:20:59 PST
Note You need to log in before you can comment on or make changes to this bug.