Существует ли дополнение, которое можно протестировать css селекторы в Firefox?
Я задавался вопросом, существует ли такое дополнение в Firefox, где можно проверить пути css к проверке, если они находят корректный элемент? Я искал что-то подобное xpather для xpath местоположений.
8 ответов
FireFinder делает именно то, что вы ищете. Вы можете оценивать выражения CSS или XPath, они будут перечислять совпадающие элементы, а также рисовать красную рамку вокруг них.
Если вам просто нужно провести быстрое тестирование, вы также можете открыть панель инструментов разработчика (F12) и использовать $$ ('селектор') для быстрого поиска.
jQuery
С помощью jQuery можно легко добавить большую красную рамку к элементу с помощью селектора.
$(document).ready(function(){
$('#your-css-selector').css('border', '5px solid red');
});
Не уверен, что это поможет. Попробуйте Firebug. Позволяет выбрать элемент и посмотреть, что это за путь css, а также css, применяемый в настоящее время.
Может сделать некоторые эксперименты в html/css прямо в браузере.
Firefinder отлично подходит для тестирования селекторов. Однако, если вы также хотите получить селектор CSS для элемента, попробуйте SelectorGadget .
Firebug (https://addons.mozilla.org/en-US/firefox/addon/1843) or Web Developer Toolbar (https://addons.mozilla.org/en-US/firefox/addon/60). Оба показывают путь.
Кнопка «Найти» в Selenium IDE очень полезна за это. Он использует тот же метод для поиска элементов, что и ваши тесты, поэтому его можно использовать для поиска элементов с использованием любой из поддерживаемых стратегий.
Да, вы можете использовать FireBug , универсальное дополнение для веб-разработки Firefox.
Чтобы протестировать селектор CSS, перейдите на вкладку «Консоль» и введите команду в нижней форме ( дополнительная информация о том, как найти командную строку).
Внутри командной строки используйте синтаксис $$ («ваш CSS-селектор») для тестирования CSS-селекторов, более подробно объясненный здесь . Например, используйте эту команду для выбора всего:
$$("body")