Как вы можете надежно отслеживать использование CSS?

Question

Моя среда - Visual Studio 2010 с Resharper 6.0. У меня большой веб-сайт с множеством CSS-файлов со многими стилями.

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

Мое единственное решение - найти файлы в VS, но, очевидно, когда у вас большое количество стилей, это оказывается слишком медленным и громоздким.

Кто-нибудь имел подобное затруднительное положение?

РЕДАКТИРОВАТЬ: Стоит отметить, что сайт представляет собой CMS, содержащую около 10000 страниц, поэтому все, что требует просмотра страниц, также может быть немного сложнее.

Answer 1

Существует расширение firefox под названием dust me selector , которое делает это.Вы включаете его, а затем переходите к каждой странице.Он отслеживает все используемые CSS.Вы выплевываете новый файл CSS со всеми отслеживаемыми стилями CSS.

Answer 2

Способ сделать это - запустить ваш сайт в автономном браузере, таком как PhantomJS, и проверить примененные стили, чтобы удалить неиспользуемые.

К счастью, на узле есть хороший инструмент, который называется uncss делает именно это:

https://github.com/giakki/uncss

Я нашел это здесь:

http://addyosmani.com/blog/removing-unused-css/

О просмотре всех этихстраницы, ну, я не знаю, если вы можете сгенерировать все возможные URL-адреса, то вы можете автоматизировать процесс.

Попробуйте и дайте мне знать, если это поможет.

Answer 3

Расширение Web Essentials Visual Studio имеет функцию BrowserLink, которая позволяет отслеживать неиспользуемые CSS на вашем сайте во время просмотра сайта.