Chrome 스타일 패널에서 변경한 CSS 변경 사항을 어떻게 영구적으로 저장할 수 있나요?

Chrome 스타일 패널에서 CSS 변경 사항 유지

Chrome 개발자 도구를 사용하면 스타일 패널 내에서 CSS 스타일을 편리하게 인라인 편집할 수 있습니다. 하지만 이 문서에서는 해당 기능을 기본적으로 사용할 수 없으므로 이러한 변경 사항을 영구적으로 저장하는 방법을 살펴봅니다.

기본 Workspace 통합

최신 Chrome 버전에서는 Workspace 기능을 도입하여 다음을 가능하게 합니다. 작업 공간에 로컬 폴더 추가 이를 통해 네트워크 리소스를 CSS 파일을 포함한 로컬 리소스에 매핑할 수 있습니다.

1. 소스 패널로 이동하여 왼쪽 파일 목록 패널을 마우스 오른쪽 버튼으로 클릭합니다.
2. "폴더 추가"를 선택합니다. Workspace에 연결하세요."
3. Chrome에 폴더에 대한 액세스 권한을 부여하세요.
4. 원하는 네트워크 리소스(CSS 파일)를 로컬에 매핑하세요.

이제 로컬 CSS 파일에 대한 변경 사항이 Dev Tools에 반영되며, 파일을 저장(CTRL S)하면 해당 내용이 지속적으로 보존됩니다.

Firebug 대체

Firebug는 CSS 변경 저장을 위한 확장 기능을 제공하지만 최신 Chrome 개발자 도구에서는 이러한 도구를 사용할 수 없습니다. 그러나 기본 Workspace 통합은 CSS 변경 사항을 보존하기 위한 포괄적인 솔루션을 제공하므로 외부 추가 기능이 필요하지 않습니다.

위 내용은 Chrome 스타일 패널에서 변경한 CSS 변경 사항을 어떻게 영구적으로 저장할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!