js 및 css 파일의 캐시를 자동으로 정리하는 방법

개발자로서 캐시를 지워야 하는 경우가 많습니다. CSS, JS 파일을 참조하는 경우가 많습니다. 파일을 업데이트한 후 캐싱 문제가 자주 발생하는데, 코드를 변경했는데 브라우저에서 액세스할 때 작동하지 않는 경우가 있습니다. 변경 사항이 발생한 경우 아래에서 몇 가지 해결 방법을 공유해 드리겠습니다.

1. 브라우저 캐시를 수동으로 지우세요

2. 버전 번호를 추가하세요(예:layout.css?v=1)

개인적으로는 브라우저 캐시를 지우려면 브라우저가 기다려야 하기 때문에 2번 방법이 더 빠르다고 생각합니다. 대답하다. 하지만 매번 버전 번호를 변경하는 것은 귀찮기 때문에 버전 번호를 자동으로 추가하는 방법을 찾아야 합니다.

제가 수집한 방법은 다음과 같습니다.

방법 1: html에 버전 번호를 자동으로 추가할 수 있습니다. js를 통해

<script type="text/javascript">  
document.write("<link rel=&#39;stylesheet&#39; type=&#39;text/css&#39; href=&#39;/css/layout.css?v="+new Date().getTime()+"&#39;>");   
</script>

방법 2: jsp 페이지인 경우 java 코드를 사용하여 타임스탬프를 생성할 수 있습니다. (jsp 페이지인 경우 방법 1을 사용할 수도 있지만 이 방법이 더 편리합니다.)

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

방법 3: node.js 자동 구성 사용과 같은 다른 방법을 사용하여 버전 번호를 추가하세요. Wait

ps: 캐시를 지우는 목적은 페이지를 넣을 때 페이지의 업데이트를 제때에 확인하는 것입니다. 온라인(즉, 공식 환경에 배포하고 변경하지 않음)에는 캐시가 있으므로 버전 번호를 수정하는 것이 좋습니다. 페이지 액세스가 더 빠르고 고정된 버전 번호는 업데이트가 필요할 때 변경할 수 있습니다.

위 내용은 HTML 페이지에서 js 및 css 파일의 캐시를 자동으로 정리하는 방법입니다. 이러한 문제가 발생하면 이 방법을 시도해 보세요.

관련 권장 사항:

Yii 캐시 지우기 방법_php 예제

php는 정기적으로 폴더의 파일을 삭제합니다(캐시 파일 지우기)

PHP 코드를 사용하여 폴더를 삭제하고 캐시 예제를 지우는 방법은 무엇입니까?

위 내용은 js 및 css 파일의 캐시를 자동으로 정리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!