Какой-либо инструмент, чтобы показать Вам всем элементы/страницы в сайте, которые затронуты конкретным правилом CSS?
Конечно, мы можем использовать инструменты как Firebug, чтобы выделить части HTML и видеть то, что применяется весь CSS.
Но что относительно реверса? Есть ли некоторый инструмент, который позволил бы Вам выделять конкретное правило CSS и показывать Вам все страницы на сайте (или статические страницы HTML или их динамические шаблоны), что он относится?
Пример: я приехал для работы над новым сайтом, очень большим, и я должен отредактировать CSS на конкретной странице, но при этом, я понятия не имею, сколько другие страницы на сайте могли бы также иметь эти имена классов и следовательно быть затронуты. Конечно, я могу попытаться искать целый сайт имя (имена) класса, но это может быть трудоемким или хитрым. Этот сайт имеет класс, названный "ba", например. Угадайте, сколько несоответствующих страниц поднимется, если я просто буду искать "ba"? Таким образом как насчет включения двойной кавычки ("ba)? Ну, это могло быть посреди нескольких других классов (класс = "Гц ba вершина"), в конце (класс = "Гц ba"), и т.д. Больше, это могло быть динамично включено на пути серверный код, делающий его еще тяжелее для нахождения. Инструмент, который мог так или иначе паук Ваш сайт и смочь определить все места Ваше изменение CSS, будет влиять, было бы большим.
4 ответа
Не совсем что, но есть плагин Firebug, который делает это для любой загруженной страницы:
Вы можете использовать регулярные выражения ..
Например, в Dreamweaver в диалоговом окне поиска:
- Выбрать «Найти»: весь текущий локальный сайт .. «
- Выбрать поиск: исходный код '
- Проверьте «Используйте регулярное выражение»
- в типе поиска Textarea
класс \ S *? = \ S *? ». *? Содержание. *?" - Нажмите «Найти все»
то же самое Регулярное выражение может быть использовано с другим программным обеспечением, которое может искать внутренние файлы, используя регулярные выражения ....
Например: http://www.sowsoft.com/search.htm (не связан с ними, только что нашел его для здесь ..)
Имейте в виду, хотя все предложения здесь делают не учитывать случай, когда класс добавляется скриптом ..
Если вы используете MAC, есть отличное приложение для общего пользования. CSSEDIT «Магазин Indy Mac в Бельгии. Лицензия на одну пользователь составляет 30 евро. Я использовал его в течение ок. Три года, и я могу порекомендовать его высоко. Это зрелое, стабильное приложение (хотя и постоянно обновляется / улучшено); Широко используется среди веб-дизайнеров Mac, а также используются, которые не нужны, нужна вся помощь, которую мы можем получить, какая CSSEDIT, безусловно, обеспечивает.
Чтобы показать элементы на HTML-странице, созданной данным селектором:
(i) Откройте как лист стилей, так и на странице «Разметка» (страница Markup, должна иметь ссылку на стилью);
(II) Нажмите кнопку рентгеновских лучей (должны прочитать «не активную» под кнопкой);
(III) в редакторе стилей щелкните любой селектор (я нажму на нее, чтобы мой курсор находился в левом поле, например, перед «#» и т. Д.);
(IV) Теперь нажмите «Инспектор» на странице маркировки (рядом с «рентген»).
Теперь посмотрите на страницу своей маркировки - у него будет синий контур вокруг элементов, влияющих на стиль, нажав на шаге (III) выше.
Для такого рода вещей я просто использую grep или, что еще лучше, ack . {{1 }} Если вас беспокоит ложное срабатывание при поиске коротких шаблонов, вы можете использовать двойной фильтр: вы используете grep для всех строк, содержащих class = , и вы вводите его вывод в другом grep, который только сужает результат в строки, содержащие как class = , так и ваш шаблон поиска (который также можно более точно указать с помощью регулярного выражения, используя границы слов, такие как \ bba \ b , чтобы избежать совпадения bar или abba )