Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer
Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.
Arkiverad

Developer Tools - Inspector - make it always show full list of selectors in the HTML panel?

Firefox Inställningar
Inspired Earth besvarat
Inspired Earth
Inspired Earth

In the Inspector panel in Developer Tools, HTML elements with a long list of selectors don't show all the selectors. They get reduced with a `...`. The only way I've found to show the full list of selectors is to double-click it (which puts it into "Edit as HTML" mode).

As a web developer, I find this is adding unnecessary complication and inconvenience. When picking selectors from the page, as I build out custom CSS, I don't want to have to put some HTML elements into "Edit as HTML" just to see what the full list of classes is, for example.

It most commonly occurs on the `body` elements on Wordpress sites (which tends to have a long list of `class` selectors for this element).

Is there a way to turn this feature off?

Here's the way it's displaying by default: https://ibb.co/MN93bKw

Here's the full list of selectors on that same element: https://ibb.co/Z85Sq6H

Thanks very much.

Jonathan

In the Inspector panel in Developer Tools, HTML elements with a long list of selectors don't show all the selectors. They get reduced with a `...`. The only way I've found to show the full list of selectors is to double-click it (which puts it into "Edit as HTML" mode). As a web developer, I find this is adding unnecessary complication and inconvenience. When picking selectors from the page, as I build out custom CSS, I don't want to have to put some HTML elements into "Edit as HTML" just to see what the full list of classes is, for example. It most commonly occurs on the `body` elements on Wordpress sites (which tends to have a long list of `class` selectors for this element). Is there a way to turn this feature off? Here's the way it's displaying by default: https://ibb.co/MN93bKw Here's the full list of selectors on that same element: https://ibb.co/Z85Sq6H Thanks very much. Jonathan

Alla svar (1)

Inspired Earth
Inspired Earth Frågans ägare

No sooner do I ask the question ... I figure out the answer.

There's a "Truncate DOM Attributes" setting under "Inspector" in the Dev Tools settings.

https://ibb.co/30SBmL6

Problem solved.

But that brings up another issue. Is there a way to make the lines in Inspector HTML panel wrap to the panel width?