브라우저에서 CSS, JavaScript 등을 새로 고치도록 강제: 종합 가이드

XAMPP를 통해 WordPress로 개발할 때 CSS, 스크립트에 수정 사항을 적용할 때 지연이 발생할 수 있습니다. 및 기타 요소. 변경 사항을 보려면 계속해서 브라우저를 전환해야 하므로 이로 인해 좌절감을 느낄 수 있습니다. 그러나 이 문제를 해결하는 효과적인 방법은 여러 가지가 있습니다.

일반 해결 방법

가장 간단한 해결 방법은 Ctrl F5(또는 Mac에서는 Ctrl Shift R)를 눌러 캐시를 강제로 다시 로드하는 것입니다. 이 작업은 브라우저에 캐시된 데이터를 무시하고 서버에서 직접 새로운 리소스를 가져오도록 지시합니다.

PHP 솔루션

PHP 기반 사이트의 경우 헤더를 사용하여 캐시를 비활성화하는 것이 실행 가능한 옵션입니다. 만료 날짜를 과거 시간으로 설정하면 브라우저에서 콘텐츠를 새로운 콘텐츠로 처리하도록 할 수 있습니다. 다음 코드 조각은 이를 달성합니다:

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome 솔루션

Chrome 개발자 도구 내에서 톱니바퀴 아이콘을 클릭하고 '캐시 비활성화'를 선택하여 캐시를 비활성화할 수 있습니다. 이렇게 하면 Chrome이 캐시된 리소스에 의존하는 것을 방지하고 CSS, JavaScript 및 기타 자산의 최신 버전을 강제로 가져오게 됩니다.

Firefox 솔루션

Firefox에서는 다음 방법으로 캐시를 수동으로 비활성화할 수 있습니다. URL 표시줄에 about:config를 입력하고 "network.http.use-cache" 기본 설정을 "false"로 설정합니다. 이렇게 하면 Firefox가 캐싱이 비활성화된 Chrome과 유사한 방식으로 작동합니다.

이러한 솔루션 중 하나를 구현하면 브라우저에서 업데이트 지연 문제를 제거하고 항상 최신 수정 사항을 볼 수 있습니다. CSS, 스크립트 및 기타 코드.