Bug 182068 – Web Inspector: Only Show Console Prompt in Console Tab

• Status: NEW
• Component: Web Inspector

[Chris Chiera]

Created attachment 332207 [details]
Console Prompt

In Chrome Web Inspector the Console Prompt at the bottom only appears when in the Console tab as expected. In Safari, it shows in all tabs which takes up screen real estate most notably when using Inspector on laptops.

While I use 5K 27in iMacs as well, most of the time using a 13in MBP where the reduced space for HTML and more importantly styles sidebar becomes and issue versus Chrome. 

While showing only in Console tab, like Chrome would be ideal, at minimum would be great if at least it didn't span under the styles sidebar since space is most limited there. The current version of Safari doesn't have it under the styles sidebar, but does in Safari Technology Preview.

[Matt Baker]

(In reply to Chris Chiera from comment #0)
> While showing only in Console tab, like Chrome would be ideal, at minimum
> would be great if at least it didn't span under the styles sidebar since
> space is most limited there. The current version of Safari doesn't have it
> under the styles sidebar, but does in Safari Technology Preview.

Full-width quick console was added in <https://trac.webkit.org/changeset/223310>.

[Chris Chiera]

Thanks for sharing that link Matt. In that discussion I don't seem to see anyone mentioning the concern for the issue that ends up causing with screen real estate on smaller screen sizes versus it's previous implementation, so hopefully that can be considered now.

However, full width console prompt I imagine wouldn't be an issue if the console prompt were limited to the Console Tab as it is in Chrome. Or at minimum if needs to appear all the time on Elements if at least on non Console tabs it could not span full width where it becomes a space issue with the styles sidebar especially.

Just my thoughts as an avid Elements tab user in Chrome and Safari, unless of course there are use cases or previous discussions that are contrary. Thanks for the consideration.

[Chris Chiera]

Hoping this one might be resolved as have been so thrilled with all the improvements to the style box in Safari that fixed the little bugs and oddities that weren't in Chrome's implementation. Though then this appeared which ultimately diminished the space savings gains made in the styles section.

In Chrome the console prompt only shows when in the console tab which makes sense. At some point this changed in Safari and now shows in all tabs which takes up valuable space when developing on small apple laptops.

Ideally, this should work like Chrome (and how it had in the past at some point) where the console prompt only shows in the console tab. If there was a high demand to have it show all the time on all tabs having at least an option to hide it would be helpful or at minimum have it only go under the html portion and not under the very space limited styles section. 

Thank you!