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

Question

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

Я смотрел на использование этого, но когда я пытаюсь установить Установщик дополнений, говорит "Несовместим с Firefox 3,6 "

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

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

Answer 1

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

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

Answer 2

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

http://unused -css.com /

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

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

*.1013 * В качестве альтернативы

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

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

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

Answer 7

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

Answer 8

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

type *.htm > all-pages.htm

Затем вы можете запустить Firefox / CSS Usage на этой единственной «супер» странице?1004 *