Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tags
- 리눅스
- 주식 청약
- 7월 공모주 청약 일정
- IPO
- 주식
- codeigniter
- linux
- Eclipse
- 공모주 청약 일정
- 자바
- Stock
- 맥
- 코드이그나이터
- html
- 공모주 청약
- 공모주
- SQL
- 제이쿼리
- MYSQL
- Stock ipo
- php
- java
- 오라클
- 자바스크립트
- 주식 청약 일정
- css
- jquery
- JavaScript
- 6월 공모주 청약 일정
- Oracle
Archives
- Today
- Total
개발자의 끄적끄적
[캐싱] 파비콘(favicon) 캐시 초기화 하는 방법 본문
728x90
반응형
[캐싱] 파비콘(favicon) 캐시 초기화 하는 방법
안녕하세요!
오늘은 아래 첨부한 이미지와 같이
브라우저 탭 명칭 앞에 나오는 아이콘인
파비콘(favicon) 이 종종 캐싱이되어
변경된 아이콘으로 바뀌지 않거나,
삭제했는데도 이전 아이콘이 나오는 경우가 있습니다!
바로 캐싱때문인데요!
그럴때 캐싱을 초기화 하는 방법을 공유해보려고 합니다!
1. HTML 코드 수정 (가장 확실한 방법)
HTML의 <link> 태그에 쿼리 문자열(Query String)을 추가하여 파일 경로를 변경하는 것처럼 보이게 만드는 방법입니다. 파일 내용이 바뀌지 않았더라도 URL이 달라지면 브라우저는 새로운 파일을 다운로드합니다.
코드 수정 지침
현재 파비콘을 연결하는 <head> 태그 내의 코드를 찾아서 다음과 같이 뒤에 버전 번호를 추가해 주세요.
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico?v=1" type="image/x-icon">
<link rel="icon" href="/favicon.ico?v=1758436355" type="image/x-icon">
설명
- 파비콘 파일 경로 뒤에 ?v=1과 같은 쿼리 문자열을 붙이면, 브라우저는 이 URL을 처음 보는 것으로 인식하고 기존의 캐시된 파일을 사용하지 않습니다.
- 파비콘을 업데이트할 때마다 이 번호(v=)를 증가시켜 주면, 사용자들은 항상 최신 파비콘을 보게 됩니다.
2. 브라우저 강제 초기화 (개인 사용자)
개인적으로 캐시를 비우는 방법입니다.
A. 하드 새로고침 (Hard Reload)
가장 먼저 시도해 볼 수 있는 방법입니다.
- Windows/Chrome/Edge: Ctrl + Shift + R
- Mac/Chrome/Safari: Cmd + Shift + R
- Mac/Safari (일반): Cmd + Option + E (캐시 강제 비우기)
B. 브라우저 전체 캐시 삭제
브라우저의 설정 메뉴로 들어가서 전체 캐시 및 검색 기록을 삭제합니다. 이 방법은 강력하지만, 다른 웹사이트의 로그인 정보나 설정까지 초기화될 수 있습니다.
3. 개발자 도구 활용 (Developer Tool)
크롬(Chrome)이나 엣지(Edge) 등의 브라우저에서 개발자 도구를 열어 캐시를 무시하고 새로고침할 수 있습니다.
- F12 키를 누르거나 마우스 오른쪽 버튼 클릭 후 "검사"를 선택하여 개발자 도구를 엽니다.
- "네트워크(Network)" 탭을 클릭합니다.
- "Disable cache" 옵션에 체크합니다.
- 브라우저를 새로고침(F5 또는 Cmd + R)합니다.
이렇게
파비콘(favicon) 캐싱을 초기화 하는 방법을 알아봤는데요!
대부분 강력 새로고침 혹은 방문기록을 삭제하면
변경된걸로 바뀝니다! ㅎㅎ
참고들 하세요!
도움이 되셨다면, 구독/공감/댓글 부탁드립니다!
감사합니다!
반응형
'기타 > 컴퓨터' 카테고리의 다른 글
| [엑셀] 가장 많이 사용하는 구글 스프레드시트 함수들 목록 (0) | 2025.10.08 |
|---|---|
| [엑셀] 구글 스프레드시트에서 IF 문법 사용하는 방법! (1) | 2025.10.07 |
| [AI] 인공지능(AI)의 불평등 확대 가능성(?) (0) | 2025.09.23 |
| [사이트] 원하는 단어만 일괄적으로 치환하는 사이트 (9) | 2025.08.22 |
| [사이트] pdf 파일용량 축소/압축 해주는 사이트!! (9) | 2025.07.25 |
'기타/컴퓨터' Related Articles
more
Comments