Tip & knowhow

UGU

HTML, CSS, JAVASCRIPT 반영이 안 되요.

작성자 : UGU 작성일 : 2017.03.28 18:02:59 댓글수 : 0 조회수 : 614

 운영 혹은 개발 중 html, css, javascript를 변경하여 반영하였는데,

결과가 반영이 안 될 경우가 있습니다.

 

성능을 향상을 위해 브라우저가 캐쉬를 사용하기 때문에

캐시로 저장된 파일들과 새로 변경된 파일을 브라우저가 구분을 못하여 생기는 문제입니다. 

 

문제해결을 위해 새로고침(F5)를 연타하는 방법도 있지만,

개발자와 사용자의 편의성을 고려하기 위하여

새로 변경된 파일을 바로 적용하는 방법에 대하여 알려드리겠습니다.

 

1. ver 갱신

<link rel="stylesheet" href="./resources/css/content.css">

 

  ㆍcontent.css파일을 include하는 경우 반영이 안 될 수도 있습니다.

 

<link rel="stylesheet" href="./resources/css/content.css?ver=20170328-1">

 

  ㆍcss파일 명 뒤에 '?ver=버전' 을 추가 및 변경 해주어 브라우저가 다른 버전으로 인식하게 함으로

    갱신된 결과를 얻을 수 있습니다.

 

  ㆍCSS뿐만아니라 js파일도 ver 갱신을 통해 갱신된 결과를 얻을 수 있습니다.

 

2.  head 갱신

<meta http-equiv="Compatible" content="no-cache"/>

 

  ㆍhtml head안의 meta tag에 no-cahe입력

 

  ㆍ해결이 안 될 경우도 많아 ver 갱신 방식을 추천합니다.

첨부파일

  • 댓글을 입력 하시려면 로그인 해주세요.