Firefox Entwickler Edition ~ CSS Unique Selector?

Question

In FireBug auf "normalen" Firefox, mit der FireBug-Konsole geöffnet können Sie mit der rechten Maustaste auf ein Element und "CSS-Pfad kopieren".

Ich verwendete diese die ganze Zeit, um einzigartige CSS-Selektoren zum Schreiben meiner CSS zu bekommen.

Diese Option ist in der FireFox Developer Edition (mit integriertem FireBug) nicht verfügbar, gibt es also eine andere Möglichkeit, diese Informationen in meine Zwischenablage zu bekommen?

EDIT:
Ich weiß, es ist ein Rechtsklick> Kopieren> CSS-Selektor, aber das gibt mir:

#widget-column-16 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(1)

wenn das, was ich will, ist: #widget-column-16 .div-name .div-name .div-name .div-name p

Answer 1

Klicken Sie mit der rechten Maustaste auf das Element -> kopieren -> css-selector

Suchst du das?

Answer 2

Ich vermisse "CSS-Pfad kopieren" auch, und ich wünschte, dass Firefox Developer Tools würde es als eine Option zu ihrem Werkzeugsatz vorstellen.

Es war ein fantastisches Werkzeug, und ich versuche immer noch herauszufinden, wie man es ersetzen kann.

Die einzige Problemumgehung, die ich bisher gefunden habe, ist die Verwendung von Google Chrome Inspect. Es bietet einen Rechtsklick> Kopieren> Kopieren Xpath-Option.

Kopieren Xpath macht keinen schönen, sauberen CSS-Pfad wie "CSS-Pfad kopieren", also müssen Sie etwas bearbeiten, um Schrägstriche zu entfernen und es ein wenig aufzuräumen.

Es enthält auch keine Klassen oder Bezeichner, was ein bummer ist.

Aber zumindest gibt es Ihnen eine Möglichkeit, um schnell den ganzen Weg mit „html Körper div“ beginnen zu kopieren usw.