Chrome 개발자 도구를 사용하여 여러 페이지를 감사 할 수 있습니까?

Question

내 웹 사이트에서 사용되지 않는 CSS 클래스를 찾으려고 노력 중입니다. 그런 다음 Chrome 개발자 도구에 사용되지 않는 CSS 클래스를 표시하는 감사 기능이 있음을 발견했습니다. 그러나 한 번에 한 페이지 만 처리합니다. 모든 페이지에서 사용되지 않는 CSS 클래스를 찾을 수 있도록 여러 페이지를 감사 할 수있는 방법이 있습니까?

나는 작업을 수행하는 Firefox 플러그인 Dust-Me가 있음을 알고 있습니다. Chrome 개발자 도구에 익숙해 져서 크롬만으로도 그렇게 할 수 있는지 궁금합니다.

Answer 1

DevTools는 현재 열려있는 페이지에 대해서만 실행되므로 내 직감은 아니오입니다.

CLI (사용하지 않는 CSS를 DevTools로 찾기 위해 동일한 백엔드 사용)를 설치 한 다음 Bash 스크립트를 통해 URL 목록에 대해 Lighthouse를 실행할 수 있습니다.

urls=("a.com" "b.com" "c.com") 
for url in $urls; do 
    lighthouse $url 
done