Найти неиспользуемый CSS

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

Я смотрел на это, но когда я пытаюсь установить надстройку, установщик говорит: «Несовместимо с Firefox 3.6»

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

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


css optimization minify
person martok    schedule 11.07.2011    source источник
comment
Селекторы Dust-me совместимы с Firefox 3.6, но не (в настоящее время) с какими-либо более поздними версиями.   -  person Spudley    schedule 11.07.2011
comment
@Spudley, спасибо, но это сообщение об ошибке, с которым я столкнулся при установке через сайт Mozilla.   -  person martok    schedule 11.07.2011
comment
Я установил его и работал на моем FF3.6, пока не обновился, так что ... пожал плечами .... (и страница дополнений Mozilla заявляет, что он совместим с 3.6, но вы, вероятно, уже видели это).   -  person Spudley    schedule 11.07.2011
comment
@Spudley да, я видел это, и я подумал, что он должен работать, я попытался установить снова, но это не сработало. Возможно, вы установили версию ‹2.2   -  person martok    schedule 11.07.2011
comment
Обновление для потомков: Dust-Me Selectors v3.0.1 в настоящее время у меня работает в Firefox 12.   -  person Funka    schedule 16.06.2012

Ответы (8)


arrow_upward
3
arrow_downward

Я долго искал, и лучшее, что я нашел, было это:

http://unused-css.com/

Они сканируют ваш сайт и отправляют вам по электронной почте результат css.

Мне известно, что вы работаете над местным сайтом, однако, если вы не найдете альтернативы, вы можете загрузить свой сайт куда-нибудь и использовать его

Или же

Вы можете установить предыдущую версию firefox, совместимую с селекторами пыли, и запустить ее вместе с вашей текущей установкой firefox.

person Eddie    schedule 11.07.2011
comment
После некоторого времени поисков это кажется единственным вариантом, доступным на данный момент. Спасибо - person martok; 11.07.2011
comment
просто обратите внимание, что unused-css.com не позволяет вам загружать CSS, если вы не являетесь платным участником, а самый дешевый план начинается с 29 долларов в месяц! мне кажется немного дороже за услугу - person georgiecasey; 08.10.2016
comment
Спасибо @georgiecasey, но обратите внимание, что на этот вопрос ответили в 2011 году, когда это не была платная услуга ... - person Eddie; 08.10.2016

arrow_upward
14
arrow_downward

В Google Chrome (а значит, и в Safari) установлены инструменты разработчика, которые поставляются с аудитами. Когда вы проверяете страницу, он проверяет неиспользуемые правила CSS.

Вот как это выглядит на этой странице.

Аудит

person Robert    schedule 11.07.2011
comment
Это работает, однако для большого проекта это может быть PITA ... В конечном итоге вам придется запускать его вручную по страницам и различать их - person Eddie; 11.07.2011
comment
Спасибо, но я не могу установить другой браузер. - person martok; 11.07.2011
comment
Также было бы прекрасно - если я просто не понял, как это сделать - если бы этот инструмент мог экспортировать очищенный файл CSS за вычетом неиспользуемых селекторов. Мы унаследовали сайт Joomla с примерно 94% неиспользуемых правил в сотнях селекторов и десятках файлов, которые мы хотели бы удалить, но ручной подход настолько непривлекателен, что мы, вероятно, просто оставим все это. - person Funka; 08.02.2012

arrow_upward
2
arrow_downward

У меня Использование CSS установлено в FF. Но практически не использовал его однажды. Он ищет неиспользуемый CSS на текущей странице, но не во всем проекте.

person spliter    schedule 11.07.2011
comment
Спасибо, это по крайней мере установлено. Я закружу. - person martok; 11.07.2011
comment
Grr, похоже, это больше не работает, я получаю сообщение об ошибке «Использование CSS: инициализация расширений», например, эти люди: addons.mozilla.org/en-US/firefox/addon/css-usage/reviews все равно спасибо - person martok; 11.07.2011

arrow_upward
1
arrow_downward

Аддон для Firefox теперь совместим с Firefox 16 ...

person gagarine    schedule 12.10.2012

arrow_upward
0
arrow_downward

Можно ли объединить все ваши HTML-страницы в одну страницу, например, используя:

type *.htm > all-pages.htm

Тогда вы могли бы запустить Firefox / CSS Usage на этой единственной «супер» странице?

person Umber Ferrule    schedule 04.07.2013

arrow_upward
0
arrow_downward

В sourceforge есть новая программа под названием CSS Scanner, она сканирует использованные и неиспользуемые классы CSS и таблицы стилей в коде html, aspx, php, javascript и jquery. Это код .net, поэтому вам понадобится Windows: http://sourceforge.net/projects/cssscanner/

person Markus Szumovski    schedule 31.01.2014

arrow_upward
0
arrow_downward

  1. Дополнение Chrome, которое генерирует таблицу стилей правил CSS, эффективно используемых на странице, можно попробовать для быстрых результатов .. вот ссылка

    https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh Здесь также дается сводка о правилах, которые не использовались.

  2. А этот включает grunt и связанные плагины для поиска неиспользуемого кода http://addyosmani.com/blog/removing-unused-css/

person Gaurav Mishr    schedule 18.07.2014

arrow_upward
-1
arrow_downward

Если вы знакомы с node js, вы также можете использовать команду «найти неиспользуемые css»: https://www.npmjs.com/package/find-unused-css

person simal    schedule 01.05.2016