Selektormatching und Volltext-Suche

Mit Xylescope finden Sie schnell alle HTML-Elemente, die einen vorgegebenen Selektor erfüllen

screenshot: selectormatching

Xylescope bietet nicht nur die Möglichkeit sich zu jedem Element die Kaskade anzeigen zu lassen, für einen Selektor können umgekehrt auch schnell alle HTML-Elemente gefunden werden, die diesen Selektor erfüllen.

Der Klick auf einen Selektor in der CSS-Ansicht zeigt links von der Spaltenansicht eine Liste aller den Selektor erfüllenden Elemente mit ihrem Abstammungspfad an. Durch Anklicken eines Pfades wird das entsprechende Element ausgewählt.

Darüber hinaus steht Ihnen hier auch ein HTML-Suchfeld zur Verfügung. In diesem können Selektoren direkt eingegeben werden. Durch Eingabe von "a img" werden beispielsweise alle img Elemente aufgelistet, die in einem Link enthalten sind.

Über das HTML-Suchfeld kann neben dem Selektormatching auch eine Volltext-Suche vorgenommen werden. Über das Lupensymbol können Sie den Modus wechseln. Bei der Volltext-Suche werden die Pfade aller Elemente aufgelistet, in deren Inhalt das Suchwort vorkommt. Der Klick auf einen Pfad zeigt den Inhalt des entsprechenden Elements in der HTML-Ansicht an.

Weitere Details