CSS 스타일을 작성할 때 CSS 스타일이 수정되거나 인터페이스 디자인이 변경되는 경우가 종종 있습니다. 여러 버전에 대해 페이지의 CSS를 수정한 후에는 일부 스타일이 더 이상 사용되지 않을 수도 있고 일부 스타일이 더 이상 사용되지 않을 수도 있습니다. 이름을 변경했지만 원래 이름을 삭제하는 것을 잊어버렸습니다. 즉, 페이지에 쓸모없는 스타일이 있을 수 있습니다.
서버 공간과 대역폭 소비의 이러한 쓸모없는 낭비로 인해 유지 관리 비용도 증가하게 됩니다. 그렇다면 쓸모없는 스타일을 정리할 수 있는 방법이 있을까요? 오늘은 좀 더 유용한 도구에 대해 살펴보겠습니다.
1. Dust-Me 선택기
Dust-Me는 매우 유용하고 사용하기 쉬운 Firefox 플러그인으로, 페이지에서 호출되는 모든 CSS 파일을 분석하고, 페이지에서 사용되지 않는 파일도 분석할 수 있습니다. .
태그, 처리 지침, @import 문 등을 사용하여 도입된 스타일 파일을 포함한 로컬 및 원격 스타일 파일을 지원합니다. 페이지) 블록 및 인라인 스타일)
IE 조건부 주석에 도입된 스타일 파일 지원
페이지 또는 전체 웹사이트를 확인할 수 있습니다.
CSS1 선택기, 대부분의 CSS2 및 CSS3 선택기 지원; "* html #fuck-ie"는 "html #fuck-ie"로 간주됩니다.
실제로 FF 3.5, FF 3.5의 js 엔진 개선 덕분에 Firefox 3.5 및 Firefox 3.0을 지원합니다. 성능은 50%입니다. FF 3.0보다 높아졌습니다.
설치: 여기를 클릭하세요. 동시에, 프로젝트의 소스 코드를 다운로드할 수 있습니다. 자세한 내용은 다음 사이트를 방문하세요.
Dust-Me 선택기 공식 페이지.
Page Speed는 Google에서 제공하는 프런트엔드 성능 분석 도구입니다. YSlow와 다소 유사하지만 사용하지 않는 CSS 제거와 같은 좀 더 개인화되고 유용한 도구를 제공합니다. :
Page Speed와 YSlow도 Firebug에 의존합니다.
Page Speed는 YSlow와 같은 Firebug에 의존합니다. 자세한 내용과 설치를 보려면 여기를 방문하세요.
CSS Redundancy Checker는 특정 CSS 파일을 사용하는 모든 페이지에서 불필요한 스타일을 확인할 수 있는 무료 온라인 애플리케이션입니다. 여러 페이지에서 특정 스타일의 사용 현황을 동시에 확인할 수 있습니다.
이 도구의 단점은 한 번에 여러 HTML 페이지를 확인할 수 있지만 한 번에 하나의 CSS 파일만 확인할 수 있으며 수동으로 입력해야 한다는 것입니다.
Four, IntelliJ IDEA
IntelliJ IDEA DreamWeaver와 유사한 상당히 강력한 IDE이지만 중국에서는 많이 사용되지 않습니다. 소프트웨어에는 CSS 파일에서 사용되지 않는 클래스와 ID를 분석할 수 있는 즉각적인 코드 분석 도구가 포함되어 있습니다.
Expression Web은 Microsoft의 차세대 웹사이트 개발 도구로 여전히 많은 사람들이 사용하고 있으며, CSS 보고서 기능을 통해 삭제해야 할 미사용 CSS를 확인할 수 있습니다. (저는 실제로 EW 웹사이트를 사용하여 개발한 적이 없습니다. 이 소프트웨어를 사용하는 아동용 신발이 이를 확인하는 데 도움이 되기를 바랍니다.)
요약:물론 여기에 언급되지 않은 다른 도구가 있을 수도 있습니다. 알고 있는 것이 있으면 모든 사람과 공유할 수 있습니다.
또한, 우리는 일반적으로 전체 웹사이트의 스타일을 하나 이상의 스타일 파일로 작성한 다음 이를 모두 페이지에서 호출하거나 모듈에서 호출합니다. 이는 웹사이트 스타일 파일 구성에 대한 52CSS.com 기사에 소개되어 있습니다.
특정 CSS 파일의 스타일은 특정 페이지에서는 사용되지 않지만 다른 페이지에서는 사용될 수 있으므로 이러한 도구를 사용하여 CSS 파일에서 중복된 스타일을 감지할 때 스타일을 지우면 다른 페이지에 영향을 미칠 수 있으므로 주의해야 합니다.
따라서 페이지 속도별로 제공되는 확인 결과는 전체 웹사이트가 아닌 단일 페이지에만 적용됩니다. Dust-Me 또는 CSS Redundancy Checker를 사용하면 웹사이트 전체를 확인하거나 웹사이트의 여러 페이지를 동시에 확인할 수 있습니다. 시간이 있으니 안전할 수 있습니다.
읽어주신 모든 분들께 감사드리며, 많은 혜택 받으시길 바랍니다.
이 기사는 https://blog.csdn.net/wuchengzhi82/article/details/8669052
추천 튜토리얼: "
CSS Tutorial위 내용은 쓸모없는 CSS 스타일을 정리하는 방법을 알고 계십니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
슬라이드 아웃 바닥 글Apr 09, 2025 am 11:50 AM마크 업이라는 매혹적인 새 사이트가 방금 시작되었습니다. 태그 라인 : Big Tech가 당신을보고 있습니다. 우리는 큰 기술을보고 있습니다. 위의 위대한 일. 그만큼
좋아하는 페이지Apr 09, 2025 am 11:47 AM나는 다른 날 JavaScript로 RSS 피드를 구문 분석하는 것에 대해 게시했습니다. 또한 RSS 설정에 대해 Feedbin이 어떻게 핵심인지에 대해 이야기했습니다.
Codepen Gutenberg Embed Block for Sanity.io를 재현합니다Apr 09, 2025 am 11:43 AMChris Coyier의 WordPress의 Gutenberg 편집기 구현에서 영감을 얻은 Sanity Studio를위한 미리보기로 사용자 정의 코드펜 블록을 만드는 방법에 대해 알아보십시오.
CSS와 라인 차트를 만드는 방법Apr 09, 2025 am 11:36 AM라인, 바 및 파이 차트는 대시 보드의 빵과 버터이며 모든 데이터 시각화 툴킷의 기본 구성 요소입니다. 물론 SVG를 사용할 수 있습니다
접근 가능한 색상 조합을 생성하기 위해 SASS를 프로그래밍합니다Apr 09, 2025 am 11:30 AM우리는 항상 웹에 더 액세스 할 수 있도록하고 있습니다. 색상 대비는 수학 일 뿐이므로 Sass는 디자이너가 놓친 에지 케이스를 다룰 수 있습니다.
SVG에서 타탄 패턴을 생성하는 정적 사이트를 만드는 방법Apr 09, 2025 am 11:29 AM타탄은 일반적으로 스코틀랜드, 특히 세련된 킬트와 관련된 패턴의 천입니다. tartanify.com에서 우리는 5,000 개가 넘는 타탄을 모았습니다
PHP 템플릿에 대한 후속 조치Apr 09, 2025 am 11:14 AM얼마 전, PHP 템플릿에 대해 PHP (기본적으로 HEREDOC 구문)에 대해 게시했습니다. 나는 문자 그대로 그 기술을 사용하여 슈퍼 기본을 사용합니다
부트 스트랩 구성 요소가있는 모달 이미지 갤러리 생성Apr 09, 2025 am 11:10 AM다른 사진을보기 위해 탐색으로 더 큰 버전의 이미지를 열어주는 웹 페이지의 이미지를 클릭 한 적이 있습니까?
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
드림위버 CS6
시각적 웹 개발 도구
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
뜨거운 주제
1374
524019