여러 페이지를 다루고 로컬로 설치된 CSS 페이지에 사용되지 않은 CSS 선택기와 규칙을 식별하는 방법은 무엇입니까?


12

다음 두 가지 제한 사항으로 사용되지 않거나 중복 CSS 선택기와 규칙을 식별 할 수있는 도구를 찾고 있습니다.

  • 이 도구는 많은 HTML 페이지에 사용되는 CSS 페이지를 분석 할 수 있어야하므로 Dust-Me와 같은 도구는 도움이되지 않습니다.

  • 이 도구는 개발 단계에서 CSS를 확인할 수 있기 때문에 로컬 설치에서도 작동합니다. 이것은 온라인 CSS 검증기를 배제합니다.

답변:


5

페이지에서 사용 / 사용되지 않는 모든 스타일을 보여주는 CSS 사용법 이라는 Firefox 애드온이 있습니다 .

여러 페이지를 수행한다고 주장하지만 내 경험상 결과에 다소 신뢰할 수없는 것 같습니다. 어쨌든 그것은 과거에 많은 도움이되었습니다.


1

사용하지 않은 CSS 선택기의 초기 목록을 얻기 위해 과거에 Dust Me와 CSS Usage를 사용해 보았습니다. 그런 다음 사용하지 않는 선택기를 수동으로 검색하는 데 중점을 둡니다. 적어도 그것은 수백 개의 선택기에서 수십 개로 문제의 범위를 줄입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.