Welches Tool kann ich verwenden, um die :contains() CSS3-Pseudoklasse in einem Browser zu testen?

Question

Ich versuche, CSS-Selektoren zu entwickeln, um mit Selenium zu verwenden. Insbesondere möchte ich die Pseudoklasse :contains() verwenden. Obwohl die W3 einen Entwurf von CSS3 mit :contains() hat, scheint es, dass die endgültige Version es nicht enthält.

Ich verwende die Tools von Chrome, um meine CSS-Selektoren zu überprüfen und sicherzustellen, dass ich es richtig mache. Chrome scheint :contains() nicht zu implementieren, was verständlich ist.

Gibt es ein Tool, mit dem ich Selektoren, die :contains() verwenden, auf unseren Webseiten ausprobieren kann?

Ich verwende einen Mac mit Lion. Außerdem kann ich möglicherweise nur Firefox 3.5.7 verwenden (mir wurde gesagt, ich solle mit der Aktualisierung vorerst warten).

Answer 1

Die Selektor-Engine von jQuery implementiert auch die :contains() Pseudo-Klasse. Meines Wissens ist es dass jQuery und Selenium dies auf die gleiche Weise umsetzen.

Ich bin mir nicht sicher, wie Sie es auf Websites testen können, die jQuery nicht verwenden, aber auf Websites, die dies tun, ist es nur eine Frage der Aktivierung der JavaScript-Konsole Ihres Browsers, und führen Sie jQuery-Selektoren in der Konsole.

Hier ein Beispiel, bei dem genau diese Stack Overflow-Frage in der JavaScript-Konsole von Chrome angezeigt wird (je nachdem, ob Sie angemeldet sind oder nicht, können Sie unterschiedliche Ergebnisse erhalten):

> $("#mainbar div[id]:contains('selector')").get() /* DOM objects with .get() */

[<div class="question" id="question">…</div>, <div id="answers">…</div>, <div id="answer-9007154" class="answer">…</div>, <div id="answer-9008184" class="answer">…</div>]

Answer 2

Ich sehe den Selektor :contains() nirgends und bin selbst noch nie darauf gestoßen.

Es wird keine Pseudoklasse angezeigt: http://caniuse.com/#search=contain