1310708 - Display non-ASCII space-like characters differently in the inspector

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Patrick Brosset <:pbro>]

Comes from discussions in bug 1296313.

1) If you have a page like: data:text/html,test test
then the space between the 2 words looks like a plain space character in the inspector and you have no way of knowing that it's not.

2) If you have a page like: data:text/html,<span>test</span>&emsp;<span>test</span>
then the text node between the 2 spans is going to be displayed in the inspector as a small circle (since bug 1304685, so at least you see it), but hovering over it is going to show an empty tooltip.

I think we should render space-like characters that aren't plain ASCII spaces with a specific symbol.

Proposal 1: use the small circle introduced in bug 1304685 instead of rendering the white space character when displaying text in the inspector.
And, have a tooltip for it that displays the actual HTML entity code.
(this works well with what we already have for whitespace-only text nodes)

Proposal 2: display the HTML entity code directly in the inspector, maybe with a gray background.
(this would force us to change the way we currently display whitespace-only text nodes).

Comment 1

[Patrick Brosset <:pbro>]

Inspector bug triage (filter on CLIMBING SHOES).