2009-11-25 2 views
6

3,500 줄이 넘는 CSS 파일이 하나있는 DotNetNuke 스킨이 있습니다. 여기에는 YUI, Telerik, Cluetip 및 사이트의 실제 사용자 정의 스타일이 포함되어 있습니다. 오래된 개발자는 스타일을 계속 추가하고 사용되지 않는 오래된 것들을 정리하지 않았습니다.웹 사이트에서 사용되는 모든 CSS 스타일 찾기

파일을 정리하고 관리하기 쉬운 크기로 가져 오려고합니다. 처음에는 코드베이스를 스캔하는 방법에 대해 생각했지만, .aspx, .ascx 및 .cs 파일에 적용된 CSS와 혼합 된 5,500 개의 파일은 물론 생성 된 코드 및 때로는 js 파일의 jQuery 글꼴 스타일을 사용했습니다. 일부 스타일은 클래스 선택기와 함께 적용되고 다른 스타일은 ID 선택기와 함께 적용됩니다.

웹 사이트의 모든 페이지에서 실제로 필요한 스타일을 쉽게 확인할 수있는 방법이 있습니까? 이 작업을 수행 할 수있는 크롤러가 있습니까?

답변

19

파이어 폭스의 경우 추가 기능이 dust-me-selectors입니다. 사이트 맵을 제공하면 사용되지 않는 CSS 스타일이 모두 발견됩니다.

+0

정말 멋진 툴, 내가 필요한 것, 그리고 내 사이트 맵을 정리하는 또 다른 좋은 이유! –

+0

dust-me-selectors - 멋진 라인을 따라 뭔가 찾고 있었어 – PurplePilot

+3

Love it! and Chrome'Properties> Tools> Developer Tools 감사 탭을 클릭하고 테스트를 실행하십시오. – danferth

1

dust-me-selector를 실행하는 경우 실제로 사용되는 스타일을 삭제하지 않도록 웹 사이트의 모든 페이지에서 실행해야합니다.

+0

사이트 맵을 제공하면 모든 페이지가 스파이더됩니다. – Ikke

+0

나는 그것을, 고마워하게 많이 알지 못했다! – arturopuente