javascript - 자바 스크립트 / Css 캐싱 방지

출처 : https://pythonq.com/so/javascript/1708455

javascript - 자바 스크립트 / Css 캐싱 방지 - IT 툴 넷

 

브라우저 캐싱은 브라우저가 원격 리소스의 결과를 저장하는 기능입니다. 상당히 간단한 경우 프로세스 : 리소스가 요청 된 url와 응답을 기억합니다. 리소스가 캐시 된 상태에서 전화를 걸지 않고 리소스가 다시 요청되면 브라우저는 대역폭과 시간을 절약하므로 캐시에서 저장된 사본을 제공합니다.

항상 리소스 호출에 고유 한 매개 변수를 추가하면 매개 변수가 변경되고 브라우저가 다른 리소스라고 가정하므로 브라우저가 항상 다시로드합니다.

일반적으로 초 (php 타임 스탬프) 또는 밀리 초 (자바 스크립트 타임 스탬프)의 timestamp는 리소스가 항상 다시로드되도록합니다.

자바 스크립트 :

<script src id="myScript"></script>
<script type="text/javascript">
   // change path to match your file:
   let resourcePath = '/js/someScript.js';

   document.getElementById('myScript').src = resourcePath + '?v=' + Date.now();
</script>

<link rel="stylesheet" type="text/css" href="../resource/css/bzw/font.css" />

		var links = document.querySelectorAll('link[type="text/css"]');
		links.forEach(function(a){
			console.log(a.href);
			a.href = a.href.replaceAll('.css','.css?v=' + Date.now().toString());
		});

 

이것도 될듯