Fungovanie tejto stránky je z dôvodu údržby dočasne obmedzené. Ak článok nevyrieši váš problém a chcete položiť otázku, napíšte našej komunite podpory na Twitter @FirefoxSupport alebo Reddit /r/firefox.

Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

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

  • 1 odpoveď
  • 1 má tento problém
  • 2 zobrazenia
  • Posledná odpoveď od Inspired Earth

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

Všetky odpovede (1)

Inspired Earth
Inspired Earth Autor otázky
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?