New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 607681 link

Starred by 4 users

Issue metadata

Status: Fixed
Owner:
Closed: Sep 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug

Blocking:
issue 405845



Sign in to add a comment

DevTools: [Console] Use snapshot preview instead of "Object"

Project Member Reported by paulir...@chromium.org, Apr 28 2016

Issue description

E.g. Compare the two examples in the screenshot. 



 
Screen Shot 2016-04-28 at 1.48.59 PM.png
183 KB View Download
Same thing but with arrays. attached
Screen Shot 2016-04-28 at 1.50.47 PM.png
63.3 KB View Download
Noticed that we will need to expose Array length still.

Safari does that at the end of the preview line. 
Screen Shot 2016-04-28 at 2.25.46 PM.png
14.7 KB View Download
Blocking: 405845
Here's a good testcase: https://gist.github.com/anonymous/11c6d73205c43f72e53ae347489e5d28

This is data I'm currently trying to explore. It's massively easier in current WebKit inspector. Tonic is OK, but really slow. 

In Chrome it's a LOT of clicking to investigate.

Comment 6 by l...@chromium.org, Jun 2 2016

Status: Started (was: Assigned)

Comment 7 by l...@chromium.org, Dec 15 2016

Cc: krajshree@chromium.org l...@chromium.org
 Issue 670220  has been merged into this issue.

Comment 8 by l...@chromium.org, Apr 6 2017

Additionally, we could add previews next to the collapsed ranges "[0...99]" to see:
"[0...99] [0, 0, 0, ...]"
longArrayRanges.png
8.1 KB View Download
> Additionally, we could add previews next to the collapsed ranges 

eh. not really a huge deal to me. let's leave this out of scope.

Comment 10 by l...@chromium.org, Apr 25 2017

Cc: -l...@chromium.org dgozman@chromium.org
Project Member

Comment 11 by bugdroid1@chromium.org, May 16 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5

commit 8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5
Author: luoe <luoe@chromium.org>
Date: Tue May 16 04:11:47 2017

DevTools: enable object previews experiment by default

BUG= 607681 

Review-Url: https://codereview.chromium.org/2881053003
Cr-Commit-Position: refs/heads/master@{#472014}

[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-Object-overwritten-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-dir-es6-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-dir-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-edit-property-value-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-eval-exception-report-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-eval-global-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-eval-object-literal-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-eval-scoped-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-eval-throw-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-eval-undefined-override-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-format-es6-2-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-format-es6-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-format-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-functions-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-log-object-with-getter-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-log-toString-object-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-object-preview-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-save-to-temp-var-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/console-tainted-globals-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/exception-objects-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/console/worker-eval-contains-stack-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/extensions/extensions-sidebar-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/extensions/extensions-sidebar.html
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/debugger-expand-scope-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/debugger-inline-values-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/debugger-save-to-temp-var-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger/debugger-es6-harmony-scopes-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger/debugger-scope-minified-variables-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger/debugger-scope-resolve-this-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/LayoutTests/inspector/sources/debugger/properties-special-expected.txt
[modify] https://crrev.com/8cd4a51cd17b2b672793c6308e3ce4aa0f86adb5/third_party/WebKit/Source/devtools/front_end/main/Main.js

Comment 12 by l...@chromium.org, Sep 19 2017

Status: Fixed (was: Started)

Sign in to add a comment