[크롬문제] CSS,JS 파일이 바로 적용이 안될때. 대처방법 2가지
문제해결2018. 12. 19. 11:44
크롬이나 익스로 개발시에
이놈의 새끼들이 캐쉬를 쓸때없는 개발할시에 CSS랑 JS를 잡고있어서 서버나 개발 PC에서 적용시
바로바로 적용이 안될때가 있는데요.
이럴때 쓰는 꿀팁 2가지를 드리겠습니다.
저는 주로 PHP 개발을 하므로 PHP 개발시 이런 오류가 안나는법에 대하여 대처방법을 알려드릴께요.
첫번째 대처방법 = 쿼리스트링으로 매번 다른 값 호출
<?php //PHP 구문입니다.
$t = mktime(); // 마이크로 초 까지 나타내주는 내장함수입니다.
//echo $t; // <<이 구문을 실행시켜보면 새로고침시 매번 다른 숫자들을 호출하는걸 볼수있습니다.
?>
<html>
<head>
<link rel="stylesheet" href="css/css1.css?ver=<?=$t?>" />
<!-- 뒤에 이구분을 추가해줌으로써 계속 css1 파일의 매개변수를 다른것으로 전달하므로 -->
<!--매번 새로운 css1파일을 호출합니다. JS파일도 마찬가지로 하시면됩니다.-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js?ver=<?=$t?>"></script>
</head>
<body>
</body>
</html>php 에서는 mktime 이라는 내장함수를 통해서 적용하였지만 jsp라던지 다른 언어에서는 다른방법이 있을겁니다.
방식은 그대로하되 내장함수를 어떤걸써서 매번다른값을 호출하냐 차이겠죠.
두번째 대처방법 = 크롬 고유의 기능으로
매번 캐쉬비우기 및 강력 새로고침 버튼 누르기.
이거는 귀찮지만 바로바로 테스트 할수가있기때문에 가끔 저 첫번째 방법을 사용하지않았을때 가끔 적용하긴합니다.
잘보세요!!
적용되지않은 페이지에서 F12버튼을 누르면 개발자도구가 켜질겁니다.
사진 설명을 입력하세요.
이런식으로 켜질껍니다 모양이나, 색은 조금다를수있습니다.
이상태에서!!!
사진 설명을 입력하세요.
왼쪽 상단에 있는 새로고침버튼에 오른쪽클릭하면 평소에는 나오지도 않던메뉴가 출력이되지요.
캐시 비우기 및 강력 새로고침 버튼 클릭!!
하면 캐시와 강력하게 새로고침을 하는것인지.. 바로 CSS,JS파일이 일괄적용됩니다.
해더에 직접 캐쉬를 사용안하는방법을 먹을수도 있지만 그리하면 캐시가 필요한페이지가 따로있기때문에
이렇게 돌려돌려씁니다...
'문제해결' 카테고리의 다른 글
| [IT] 질문시 유의사항 (0) | 2019.02.27 |
|---|---|
| 개인적으로 생각하는 취업시기 (0) | 2018.12.21 |
댓글()
