[CSS,JS] 모바일에서 강력 새로고침, CSS,JS 적용 안될 때

CSS를 수정했는데 안먹는 경우가 있다.

 

이럴 경우 데스크탑 웹에서는

 Ctrl + F5  를 사용해서 캐시를 날리고 새로운 파일을 받아와 적용시킬 수 있다.

 

하지만 이것도 어쩌다 안될 경우도 있고,

모바일에서 강력 새로고침을 하기란 쉽지 않은 일이다.

 

그리고 사용자가 안된다고 강력 새로고침을 해서 볼 일도 없다.

 

따라서 css 파일을 새로 받아올 수 있게 새로운 css파일처럼 위장하면 된다.

 

<link rel="stylesheet" href="/public/css/style.css" type="text/css" />

 

가 있을 때,

href="...style.css" 뒤에 ?를 주어 기존 파일에 영향을 끼치지 않고, 새로운 파일로 보일수도 있게 하는 것이다.

 

아래와 같이 사용한다.

<link rel="stylesheet" href="/public/css/style.css?v1" type="text/css" />

 

모바일에서 잘 먹지 않아 고생이었는데 잘 먹어서 다행이다.