브라우저 강제 새로 고침: CSS 및 JavaScript에 대한 캐시 무효화

웹사이트를 개발할 때 즉각적인 업데이트를 방해하는 브라우저 캐싱 문제가 발생하면 실망스럽습니다. 디스플레이에 반영됩니다. 이로 인해 혼란이 생기고 시간이 낭비될 수 있습니다. 다행히 브라우저를 강제로 새로 고치고 수정된 코드가 즉시 적용되도록 하는 방법이 있습니다.

일반 해결 방법

가장 효과적인 해결 방법은 브라우저를 강제로 새로 고치는 것입니다. Mac에서는 Ctrl Shift R 또는 Cmd Shift R입니다. 이는 캐시된 콘텐츠를 우회하고 서버에서 새로운 데이터를 검색합니다.

PHP

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

Google Chrome은 개발자 도구에서 캐싱을 비활성화하는 옵션을 제공합니다. 액세스하려면 F12를 누르고 톱니바퀴 아이콘을 클릭한 다음 설정 대화 상자에서 "캐시 비활성화"를 선택하세요.

Firefox

Firefox , URL 표시줄에 about:config를 입력하고 network.http.use-cache라는 기본 설정을 찾습니다. 브라우저 캐싱을 비활성화하려면 이 값을 false로 설정하세요.