Извлечение встроенного CSS из HTML и очистка страниц - PullRequest
4 голосов
/ 08 июля 2010

У меня есть большой набор (более 300) страниц C # ASP.NET * .aspx и элементов управления * .ascx, которые изобилуют встроенными стилями CSS. Моя задача - извлечь этот стиль в файл CSS.

Поэтому я ищу инструмент для упрощения задачи извлечения этих встроенных стилей вручную и замены их на class = "" операторов.

Теперь я знаю, что это не идеальное решение, но любой инструмент, который мог бы облегчить задачу, был бы полезен.

Ответы [ 3 ]

2 голосов
/ 15 июля 2010

Ни один инструмент не напишет хорошие селекторы CSS для вас, как ни один инструмент не может написать хороший код для вас.Да, вы можете генерировать код из шаблонов, но только для самых повторяющихся задач кодирования.CSS - это больше искусство, чем наука, и поэтому «автогенерация» не даст хороших результатов.

Для написания хорошего, чистого, удобного в обслуживании CSS требуется глубокое знание разметки HTML, стиля и макета,вы пытаетесь достичь, и умение определять шаблоны по всему сайту, такие как шрифт, цвет, заголовки h1, представление табличных данных и т. д., которые используются повторно.

Даже написание собственного сценарияне будет производить хороший CSS.Лучшее, на что вы можете надеяться - это извлечь все эти встроенные стили, заменить их уникальным идентификатором или классом и выгрузить их все в файл css.На самом деле я не вижу большой пользы в этом упражнении.На самом деле вы получите больше кода для обслуживания из-за всех дополнительных идентификаторов или классов, которые вы создадите.

Вы не получите согласованности внешнего вида на всем сайте в результате вышеупомянутого упражнения, если только вы не начнете объединять все этиуникальные идентификаторы или классы делятся на меньшее, более повторно используемое, и эту задачу лучше всего выполнять вручную, а не автоматизацией.Время загрузки страницы может увеличиться из-за кеширования в браузере таблицы стилей CSS, но это все, что вы получите.

Извините, если я немного отклонился от вашего вопроса, но ваш сайт звучит так, как будто он взывает к вампереписать свой CSS с нуля.

Проверьте CSS Zen Garden , чтобы узнать, что может сделать CSS, и примеры прекрасного CSS, и быть вдохновленным!

0 голосов
/ 18 августа 2011

Вы можете использовать этот инструмент, он будет искать встроенный стиль = ... определения заменяют их определениями классов и генерируют таблицу стилей. Надеюсь, это полезно.

0 голосов
/ 09 июля 2010

Я бы, вероятно, выбрал использование языка сценариев с регулярными выражениями.Кажется, что это особенно хорошо подходит для возможностей списка Python - для каждого совпадения с вашим регулярным выражением вы можете проверить список, чтобы увидеть, есть ли соответствующая запись, извлечь и назначить класс из этого результата, и добавить каждое не перечисленное совпадениек списку, чтобы продолжить его создание.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...