Bug 63455 – Web Inspector: console group boundaries should be more distinct in UI

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector (Deprecated)

[Yury Semikhatsky]

Sometimes it is hard to say whether a message belongs to an expanded group or not. We should make group boundaries more clear in console.

Original user request: http://stackoverflow.com/questions/6432925/is-the-firebug-chromedevtools-console-group-indentation-wrong
and http://groups.google.com/group/google-chrome-developer-tools/browse_thread/thread/978cd86cf0d63f24#

[Jeremy A. Prescott]

an idea would be to reuse the users specified name of console.group("someName") and let the user (optionally) tell which group should be closed with endGroup. Exmpl; endGroup("someName").
This would for sure lead to some unexpected behavior for new devs, but would give more power to experienced devs dealing with callbacks/ajax/json-p trickery.

[Yury Semikhatsky]

Created attachment 98879 [details]
Patch

[Yury Semikhatsky]

Created attachment 98880 [details]
Screenshot with the patch applied

[Yury Semikhatsky]

(In reply to comment #1)
> an idea would be to reuse the users specified name of console.group("someName") and let the user (optionally) tell which group should be closed with endGroup. Exmpl; endGroup("someName").
> This would for sure lead to some unexpected behavior for new devs, but would give more power to experienced devs dealing with callbacks/ajax/json-p trickery.

This would complicate semantics of groupEnd. On the other hand described functionality can be easily implemented based on the existing console.group/groupEnd by introducing a stack of opened group names.

[Pavel Feldman]

Comment on attachment 98879 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=98879&action=review

> Source/WebCore/inspector/front-end/inspector.css:711
> +    left: -14px;

Nice

[Yury Semikhatsky]

Committed r89911: <http://trac.webkit.org/changeset/89911>