TIP게시판

제목 수정된 js, css를 반영하기 위한 가장 편한 방법
글쓴이 빛그림 작성시각 2018/04/01 17:29:57
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 13359   RSS

웹 개발중 수정된 css, js이 바로 반영되지 않아서 캐쉬 초기화를 해주어야만 하는 경우가 있는데 

이때 환경설정이나 풀다운 메뉴를 이용하거나, test.js?test=123 이런식의 코드 수정이 매우 번거롭고 귀찮기 때문에 

아래와 같은 방법을 이용하면 좀 편할 것입니다.

 

맥 사파리 : Shift + 리로드 아이콘 클릭(url입력란 맨우측)

맥 크롬 : Command + Shift + R

맥 파이어폭스 : Command + Shift + R

윈도우 익스플로러 : Control + F5

 다음글 Codeigniter3.x에서 Monolog를 로그 기... (5)
 이전글 http method중 options 를 열어놔야 하는... (2)

댓글

하늘치 / 2018/04/02 11:22:41 / 추천 0

좋은 정보 감사합니다~

저는 고객 때문에라도, 그냥 js, css 불러오는 부분을 수정해줍니다. ^^;

test.css?v=11 

test.js?v=13 

kaido / 2018/04/04 21:08:08 / 추천 0

전 2개다 사용합니다 ㅎㅎ

조금이라도 시간 낭비하기 싫어서요

 

개발할때 버전은 이렇게 하시면 편합니다.

<?php
$v = mt_rand(1,1000);
?>

<script>
jquery.js?_v=<?php echo $v;?>
</script>
계속 알아서 버전이 올라가게 해두고 뺄때는 랜덤을 빼고 배포하는 버전으로 넣으시면 됩니다.
엽토군 / 2019/01/18 12:45:34 / 추천 0

랜덤 주면 절대로 캐싱이 안되기 때문에 '업데이트 되었을때만 변경'되게 하려고 저는 이런식으로 했었습니다.

// $path 가 물리적 파일 경로일 경우
<?= $path.'?'.filemtime($path) ?>