Як ідентифікувати невикористані селектори css та правила для сторінок css, які охоплюють кілька сторінок та встановлюються локально?


12

Я шукаю інструмент, який міг би ідентифікувати невикористані та / або дублювати селектори та правила css із наступними двома обмеженнями:

  • Інструмент повинен був би мати можливість аналізувати CSS-сторінки, які використовуються для багатьох HTML-сторінок, тому такий інструмент, як Dust-Me, не допоможе.

  • Інструмент також повинен працювати на локальній установці, тому що я також хотів би мати можливість перевірити свій css на стадії розробки. Це виключає онлайн-верифікатори css.

Відповіді:


5

Існує додаток Firefox під назвою CSS Usage, який показує всі стилі, що використовуються / використовуються на сторінці.

Він стверджує, що робить кілька сторінок, але, на мій досвід, це здається дещо недостовірним у своїх результатах. Незалежно від того, що це допомогло мені в минулому купі.


1

У минулому я спробував Dust Me та CSS Usage з певним успіхом, щоб отримати початковий список невикористаних селекторів css. Тоді, що я роблю, це зосередитися на пошуку тих потенційно невикористаних селекторів вручну. Принаймні, це зменшує масштаб проблеми від сотень селекторів до кількох десятків.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.