Какой инструмент я могу использовать для проверки псевдокласса: contains () CSS3 в браузере?

Question

Я пытаюсь разработать селекторы CSS для использования с Selenium.В частности, я хочу использовать псевдокласс: Содержит ().Хотя в W3 есть черновик CSS3 с: contains (), похоже, что окончательная версия его не включала.

Я использую инструменты Chrome, чтобы помочь мне проверить мои селекторы CSS и убедиться, что я делаю это правильно.Похоже, что Chrome не реализует: contains (), что понятно.

Есть ли инструмент, который я могу использовать, который позволит мне опробовать селекторы, которые используют: contains () на наших веб-страницах?

Я использую Mac с Lion.Я также потенциально ограничен в использовании Firefox 3.5.7 (мне сказали, что пока стоит приостановить обновление).

Answer 1

Механизм выбора jQuery также реализует псевдокласс :contains(). Насколько мне известно , jQuery и Selenium реализуют его одинаково.

Я не уверен, как вы сможете протестировать его на сайтах, которые не используют jQuery, но на сайтах, которые это делают, это просто вопрос запуска консоли JavaScript вашего браузера и запуска селекторов jQuery в консоли.

Вот пример с просмотром этого самого вопроса переполнения стека на консоли JavaScript Chromeполучить разные результаты в зависимости от того, вошли вы в систему или нет):

> $("#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

Я нигде не вижу селектора: contains () и сам никогда с ним не сталкивался.

Псевдокласс не подходит: http://caniuse.com/#search=contain