본문 바로가기

정보공유,이벤트

크롬 캐시 지우고 웹 페이지 새로 고침하기

제목이 조금 복잡하네요


웹 개발하실 때 크롬 웹 브라우저로 테스트하고 있다고 가정하구요.

작은 이미지를 변경했는데 캐시된 상태라서 반영된 결과를 제대로 확인이 안되는 경우 아래와 같은 방법으로 

캐시된 내용을 지우고 웹 페이지를 새로 고침함으로써 결과 확인이 가능합니다. 


아오 풀어서 써도 어렵네요. 내용은 간단한데 말이죠 ㅋ


1. 크롬에서 요소검사 창을 열어주세요 (Ctrl + Shift + i).

   윈도우 크롬에서는 F12로도 열리는거 같아요. 쉽게 말해서 콘솔창 보이고 엘리먼트 보이고 하는 그거요.


   아래와 같이 생겼죠.

   


2. 새로고침 하는 버튼을 마우스로 길게 눌러보세요. 

   아래와 같이 총 3개의 서브 메뉴가 나타납니다. 

   아래 그림은 화면이 위 요소검사 창을 열어두지 않으면 안나와요.

   


  Normal Reload는 일반적인 새로고침으로 보이구요.

  저는 Hard Reload나 Empty Cache and Hard Reload를 누르니깐 

  기존에 저장된 이미지가 아니라 새로운 이미지가 반영된 화면을 확인할 수 있었습니다.


그럼 즐거운 개발되시기를 :)