WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
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
Details
Formatted Diff
Diff
screenshot
(10.42 KB, image/png)
2012-01-18 08:31 PST
,
Ilya Tikhonovsky
no flags
Details
another screenshot
(20.50 KB, image/png)
2012-01-18 08:34 PST
,
Ilya Tikhonovsky
no flags
Details
Patch
(6.63 KB, patch)
2012-01-18 09:08 PST
,
Ilya Tikhonovsky
yurys
: review+
Details
Formatted Diff
Diff
Show Obsolete
(1)
View All
Add attachment
proposed patch, testcase, etc.
Ilya Tikhonovsky
Comment 1
2012-01-18 08:30:33 PST
Created
attachment 122935
[details]
Patch
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
Created
attachment 122941
[details]
Patch
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
Committed
r105292
: <
http://trac.webkit.org/changeset/105292
>
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug