найти все страницы на сайте, которые используют определенный селектор

Question

Мне нужно изменить свойства селектора (скажем, #myList), который используется на нескольких страницах веб-сайта, над которым я работаю. Я хочу убедиться, что мои изменения не испортят дизайн. Есть ли инструмент, который будет генерировать список всех страниц на сайте, который использует определенный селектор? (Я не знаю, на каких страницах используется селектор. На сайте слишком много страниц, поэтому это не сработает вручную.)

Answer 1

Я создал инструмент командной строки под названием Element Finder, который позволяет вам войти в селектор CSS, например «#myList», а затем выполнить поиск в каталоге и найти все файлы HTML с элементами, соответствующими этому селектору.

Вам нужно будет установить Element Finder, перейдите в каталог, который вы хотите найти, и запустить:

elfinder -s "#myList"

Или:

elfinder -s "#foo > .bar p > td .baz" 

Для получения дополнительной информации см. http://keegan.st/2012/06/03/find-in-files-with-css-selectors/

Answer 2

find /path/to/your/project -name '*.html' -exec grep -l 'id="myList"' {} \;

Конечно, измените путь и / или расширение в соответствии с вашими потребностями.

Редактировать: Следует также отметить, что этот метод будет работать только для не вложенных /продвинутые селекторы.Если вы пытаетесь найти элементы, соответствующие #foo > .bar p > td .baz или что-то нелепое, то ответ, вероятно, нет.