Join the Mozilla’s Test Days event from 9–15 Jan to test the new Firefox address bar on Firefox Beta 135 and get a chance to win Mozilla swag vouchers! 🎁

Den här webbplatsen har begränsad funktionalitet medan vi utför underhåll för att förbättra din upplevelse. Om en artikel inte löser ditt problem och du vill ställa en fråga har vi vår gemenskap som väntar på att hjälpa dig på @FirefoxSupport på Twitter, /r/firefox på Reddit.

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.

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

Inspired Earth
Inspired Earth
more options

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
more options

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?