제목이 조금 복잡하네요


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

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

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


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


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

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


   아래와 같이 생겼죠.

   


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

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

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

   


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

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

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


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

  1. Favicon of https://diary.virlit.com BlogIcon WhiteBetting 2017.05.01 19:58 신고

    크롬에서 기존 정보로 캐시로 가지고 있어 새로 갱신되지 않는 걸 모르고 있었네요. 덕분에 해결했습니다. 고마워요

  2. 지나가는개발자 2017.07.18 10:33

    대박 꿀팁이네요!

+ Recent posts