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

NEW
Unassigned

Status

()

Firefox
Developer Tools: Inspector
P3
enhancement
2 years ago
2 years ago

People

(Reporter: pbro, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

2 years ago
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).
(Reporter)

Comment 1

2 years ago
Inspector bug triage (filter on CLIMBING SHOES).
Severity: normal → enhancement
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.