본문 바로가기

Programming/HTML

CSS 파일 변경 후 브라우저에 반영 안될 때

부트스트랩 도넛차트가 적용되지 않았던 문제

- 브라우저 쿠키를 삭제 : static 파일들은 쿠키에 저장되어 불러오므로 초기화를 통해 새로운 파일을 불러오도록 함.

 

원인 : 브라우저 캐시에 기존 css 파일을 보관하여 변화된 부분을 감지하지 못하는 것

해결(변화된 css를 인식할 수 있게 하기)

1. 브라우저 캐시 삭제

- 크롬브라우저 - 도구 더 보기 - 인터넷 사용 기록 삭제 - 브라우저 캐시 및 쿠키 삭제

 

2. css 링크 변경

- 브라우저가 갖고 있는 링크와 다르게 주소를 설정하여 새로운 css 링크를 인식하게 함

- 어떤 쿼리를 붙이든 상관없음

<!-- 변경 전 -->
<link rel="stylesheet" href="css/style.css">

<!-- 변경 후 -->
<link rel="stylesheet" href="css/style.css?a">

'Programming > HTML' 카테고리의 다른 글

Anchor 기능이 위치가 맞지 않는 경우  (0) 2023.09.18
신호등 div를 활용하여 그리기  (0) 2020.02.19
ol type 변경  (0) 2020.02.19
내용 구분하는 화면  (0) 2020.02.18
리스트 가리기 (details), 리스트  (0) 2020.02.18