Сегодня столкнулся с тем, что плагин firepath перестал работать с #firefox (версия 51.0.1).
Согласно сообщению на странице http://getfirebug.com/ стало понятно что его теперь интегрировали в инструменты разработчика в Firefox, но это не меняет того, что удобная связка для работы Firepath+Firebug больше не работает.
F-12 - открылся инструментарий
Кликнули в окошко где отображается исходный код страницы
Жмакаем Ctrl-F и ищем, единственно что маловат размер не удобно…
ну вот там поле ввода мелкое, я буквально вчера ковырялся с селектором который чуть длинее и уже все. Подсветка каличная. Скачет по строкам, когда по одному локатору много элементов находит, в фф таких штучек не было, было приятно работать. Хотя я уже пол года локаторы не пишу, но воспоминания приятные =)))
Могу посоветовать в адресной строке ввести about:config, найти следующее:
browser.tabs.remote.autostart - выставить значение false
browser.tabs.remote.autostart.1 - выставить значение false
browser.tabs.remote.autostart.2 - выставить значение false
Так же ищу альтернативу, конечно без него жить можно. Но все же.
В файрпасе много крутых штук которых нет в других дебагерах селекторов
подсветка элементов, в файрпасе она прекрасна, и не меняет сами классы у элемента. Многие плагины которые я пробовал - добавляют свои классы элементам чтобы они засветились визуально, и это очень плохо. В хроме же вообще только мышкой наводить на тег каждый раз
фильтрование дерева элементов чтобы остались только ветки с найдеными элементами. В файрпасе подсветка элементов в дереве элементов лучшая. В хроме же - приходится скролить тучи тегов туда сюда чтобы найти следующее вхождение.
xpath и css в одном флаконе с переключением, плюс очень бесит хромовская штука, когда он пытается угадать что ты написал в поле - и ищет по тексту вместо css селектора.
предугадывание локатора для элемента который инспектируется. Конечно это очень спорная штука и часто подсовывает полную фигню. Но новичкам очень сильно помогает.
Да, жаль конечно, что не подсвечиваются также как и с фп искомые элементы на странице
С одной стороны и наверно самой главной - плохо, что поле поиска элементов маленькое, а с другой стороны - заставляет не использовать большой селектор)
А то что он сразу ищет по тексту это норм, пока ещё проблем с этим не было, чтобы поиск элементов в консоли не корректно меня понимал, я ищу текст или цсс селектор или икспас селектор.
Но блин очень плюшки не хватает с подсветкой всего что найдено и большого поля ввода. Хотя уже и смерился
Ты говоришь в стиле -
“Ну и что что меня заставили слезть с удобной машины и ехать на велосипеде, зато подкачаю ноги!”
Оптимизма тебе не занимать )
А проблема поиска по тексту возникает когда ты работаешь с кастомными тегнеймами (компоненты в ангуляре) -
Вот смотри - мой элемент с тегнеймом - track-card, да и вообщем то это валидный цсс селектор. НО я не могу подебажить его в хром дев тулз потому что он начинает искать по тексту. Полная параша
Я работаю всегда на версии 46.0. В ней все работает отлично.
С другой стороны, Firepath практически потерял для меня свою актуальность. Поскольку к xpath как таковым я стараюсь больше не привязываться.
В Firefox’e есть встроенный поиск по CSS-XPath локаторам, он как раз во встроенных Инструментах разработки, которыми предлагают теперь пользоваться разработчики Firebug. Лично я уже пару лет Firebug’ом не пользуюсь, а только встроенными средствами.
Открываем Веб-Консоль FF, и вводим в коммандную строку (Web Console — Firefox Source Docs documentation):
для css - inspect($(“body”))
для xpath - inspect($x(“//body”))
жмём, Enter и в правом окне появится список найденных элементов.
Я использую две версии firefox. Запуск тестов и все основное уже на версии 52. Если нужно поработать над локаторами открываю 49-ю с установленными firebug и firepath.