파비콘을 새로 고침하려면 어떻게해야하나요?

자체 Tomcat을 사용하여 로컬에서 Grails 응용 프로그램을 실행하고 있으며 새 응용 프로그램의 favicon을 변경했습니다. 문제는 브라우저에서 볼 수 없다는 것입니다. 이전 파비콘이 표시되거나 파비콘이 전혀 나타나지 않지만 새 파비콘은 없습니다. 나는 이것이 Grails 문제 그 자체가 아니라 파비콘의 문제라고 생각하지 않습니다.

파비콘은 어떻게 되나요? 그들은 어떻게 작동해야합니까? 브라우저에 잘못된 아이콘이있는 책갈피가 많아서 새로 고침되지 않는 것 같습니다. 서버 / 브라우저가 캐싱을 중지하도록하려면 어떻게합니까? 일반적으로 16x16에 불과하므로 항상 캐시하는 것은 꽤 어리석은 것처럼 보입니다. 페이지를 방문 할 때마다 업로드하지 않겠습니까? 정확히 큰 오버 헤드가 아닙니다.

사이트의 즐겨 찾기 아이콘을 새로 고치려면 파일 이름의 링크 태그와 쿼리 문자열을 사용하여 브라우저가 새 버전을 다운로드하도록 할 수 있습니다. 이는 프로덕션 환경에서 특히 사용자가 업데이트를 받도록하는 데 유용합니다.

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

10 분 동안 시도한 후이를 쉽게 고칠 수있는 방법은 조류와 비슷합니다.

1. www.yoursite.com/favicon.ico (또는 www.yoursite.com/apple-touch-icon.png 등)를 입력하십시오.
2. 푸시 enter
3. ctrl+f5
4. 브라우저 재시작 (IE, Firefox)

이 답변은 아직 제공되지 않았으므로 게시하겠다고 생각했습니다. 나는 웹을 둘러 보았고 지역 개발에서 파비콘을 테스트하는 좋은 대답을 찾지 못했습니다.

현재 크롬 버전 (OSX)에서 다음을 수행하면 즉시 즐겨 찾기 아이콘을 새로 고칩니다.

1. 탭 위로 마우스 이동
2. 마우스 오른쪽 버튼으로 클릭
3. 새로 고침 선택
4. 즐겨 찾기 아이콘이 새로 고침됩니다.

이것은 내가 파비콘을 로컬에서 새로 고치는 가장 쉬운 방법입니다.

favicon 파일의 이름을 바꾸고 다음과 같이 새 이름으로 html 헤더를 추가하십시오.

<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />

PHP를 사용하는 경우 favicon의 MD5-Hash를 쿼리 문자열로 사용할 수도 있습니다.

<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />

이런 식으로 Favicon은 변경되었을 때 항상 새로 고쳐집니다.

의견에서 지적했듯이 MD5-Hash 대신 마지막으로 수정 된 날짜를 사용하여 동일한 결과를 얻고 서버 성능을 약간 절약 할 수 있습니다.

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />

브라우저가 오래된 즐겨 찾기 아이콘을 저장하는 데 사용하는 파일을 삭제하면 새 즐겨 ​​찾기 아이콘을 강제로로드 할 수 있습니다.

1. 브라우저를 닫습니다. 더 이상 실행중인 브라우저 프로세스가 없는지 확인하십시오 (예 : 작업 관리자 확인 chrome.exe또는firefox.exe ).
2. 브라우저가 사용자 파일을 저장하는 위치로 이동하십시오.
   • Chrome의 경우 Chrome 데이터 디렉토리로 이동 .
   • Firefox의 경우 Firefox 프로파일 폴더 로 이동하십시오 .
3. 파비콘 캐시를 삭제하십시오.
   • Chrome의 경우 제거 Favicons 및Favicons-journal
   • Firefox의 경우 제거 favicons.sqlite

이것은 거의 확실하게 작동합니다. 그렇지 않은 경우 :

• 가능성 1 : 브라우저 업데이트로 favicon 캐시 작동 방식이 변경되었습니다. 새로운 지침에 따라이 답변을 편집하십시오.
• 가능성 2 : 즐겨 찾기 아이콘 문제는 과도한 공격 캐싱과 관련이 없습니다. 대신 리소스로드 문제 일 수 있습니다. 개발자 도구를 사용하여 새 즐겨 ​​찾기 아이콘이 제대로 다운로드되는지 확인하십시오.

Mac OS X의 Chrome에서는 파비콘 캐시가있는 파일을 제거 할 수 있습니다

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 

글쎄, 오버 헤드는 오버 헤드이지만 그렇다.

또한 브라우저는 캐시 된 파일에 대해 "욕심"이 있습니다. 캐시를 지우거나 브라우저를 다시 시작하면 변경 사항이 표시 될 수 있습니다. 그래도 실패하면 ...

내 cheapo 솔루션은 다음과 같습니다.

1. http://example.com/favicon.ico 에서 파일을 방문하십시오 .브라우저 .
2. webroot에서 favicon.ico를 삭제하십시오.
3. http://example.com/favicon.ico를 방문하십시오 .브라우저에서 다시 하여 누락되었는지 확인하십시오.
4. 웹 루트에 새로운 것을 업로드하십시오.
5. 브라우저에서 다시 http://example.com/favicon.ico를 방문 하여 새 버전인지 확인하십시오.

해당 시퀀스가 ​​작동하지 않으면 다른 일이 진행되고있는 것입니다.

브라우저에 따라 다르게 처리되지만 일반적으로 사이트의 기본 페이지로 이동하여 강제로 새로 고칩니다. CTRL+ F5는 일반적으로 업데이트됩니다.

MAC에서 : ⌘+ Shift- R또는 Ctrl브라우저에서 다시로드 버튼을 누른 상태 에서 클릭하십시오.

Internet Explorer의 경우 다른 솔루션이 있습니다.

1. 인터넷 익스플로러를 엽니 다.
2. 메뉴> 도구> 인터넷 옵션을 클릭하십시오.
3. 일반> 임시 인터넷 파일> "설정"버튼을 클릭하십시오.
4. "파일보기"버튼을 클릭하십시오.
5. 이전 favicon.ico 파일을 찾아 삭제하십시오.
6. 브라우저 (인터넷 익스플로러)를 다시 시작하십시오.

웹 브라우저 문제 일 가능성이 높습니다. 브라우저에서 캐시를 삭제하고 브라우저를 닫았다가 다시 열어야합니다. 해결해야합니다.

해당 페이지를 다시 방문하고 이전에 브라우저 캐시를 비운다고 가정 할 때까지 즐겨 찾기 아이콘이 즐겨 찾기에서 새로 고쳐질 것이라고 생각하지 않습니다.

귀하의 웹 브라우저는 자체적으로 새로운 파비콘을 확인하기 위해 인터넷을 방문하지 않을 것입니다. 감사합니다.

새 탭에서 열기

위의 많은 것들 (캐시 재설정, 새로 고침, 링크 태그 사용 등)을 시도했지만 .htaccess파일을 확인 하고 ExpiresByType 변수를 재설정했습니다.

그러나 이것은 Chrome (25.0.x)과 Safari (6.0.1)에서 마침내 나를 위해 일한 것입니다.

1. 플러싱 캐시
2. 파비콘을 <link>태그 와 하드 링크
3. 탐색 mysite.com/favicon.ico
4. mysite.com새 탭에서 열기

3 단계까지 동일한 탭에서 새로 고침하면 이전 아이콘이 계속 재생됩니다.

macOS의 Chrome의 경우 여기에 제안 된대로 전체 Chrome 즐겨 찾기 아이콘 데이터베이스를 삭제하지 않으려면 충돌하는 아이콘 만 삭제할 수 있습니다.

1. 크롬 종료
2. favicons 데이터베이스를로드하십시오 (여기서 sqlite 사용).

sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons

3. 문제를 일으키는 파일 검색

select * from favicons where url = 'http://mysite.dev/favicon.ico';

4. 출력에 만족하는 경우 :

delete from favicons where url = 'http://mysite.dev/favicon.ico';

또는 여러 항목을 삭제하기 위해 재사용 할 수있는 패턴을 검색 할 수 있습니다.

3. 문제를 일으키는 여러 파일 검색

select * from favicons where url like 'http://mysite.dev%';

4. 그리고 다시 당신이 이것이 반환하는 것에 만족한다면 :

delete from favicons where url like 'http://mysite.dev%';

5. .exitsqlite를 종료하기 위해 리턴과 타이핑
6. Chrome을 다시 시작

Google에서 즐겨 찾기 아이콘을 요청하면 응답 헤더를 살펴볼 수 있습니다.

Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7

응답에 "Expires :"헤더를 넣으면 클라이언트 브라우저는 해당 타임 스탬프 후에 아이콘을 다시 요청합니다. 활발한 개발을 수행하는 동안 향후 만료 타임 스탬프를 1 초 또는 2 초로 설정하고 장기 계획이 좋지는 않지만 항상이를 가져 오도록 할 수 있습니다.

크롬 버전 : 68.0.3440.106

검색 주소창에서 Chrome을 다시 시작하면됩니다. chrome://restart

Chrome의 즐겨 찾기 아이콘 지원에 버그가 있습니다.이 답변을 무시하십시오.

나는 이것이 Chrome에서 파비콘을 새로 고치는 데 걸린 것이라는 인상 아래이 답변을 썼습니다. 그러나 Chrome 기록 동기화에서 아이콘이 복구 불가능하게 사라질 때까지 처음 5 분 동안 만 작동하는 것으로 나타났습니다 .

원래 답변

캐시를 지우 거나 브라우저를 다시 시작 하거나 HTML을 다시 쓸 필요가 없습니다 . 브라우저에서 이전에 캐시 된 아이콘을 잊어 버리려면 아이콘의 URL을 한 번만 변경하면 됩니다.

<link>페이지의 요소를 통해 아이콘을 정의했다고 가정하면 콘솔 <head>에서이 표준 JS one-liner 를 실행 하여 아이콘을 정의 할 수 있습니다 .

[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});

프로덕션의 최종 사용자에게 자동으로이를 수행 할 수있는 고급 구현에 대해서는 freshicon.js를 참조하십시오 .

최근에 북마크를 복원했으며 각 페이지를 방문하지 않고 FavIcon을 복원하는 방법을 찾고있었습니다. 나의 수색은 나를이 실로 데려 갔다.

비슷한 상황에있는 사람들은 FAVICON RELOADER 애드온을 다운로드하기 만하면됩니다. 일단 설치되면 BOOKMARKS 드롭 다운 메뉴에서 "즐겨 찾기 아이콘 다시로드"명령을 찾을 수 있습니다.

https://addons.mozilla.org/en-US/firefox/addon/faviconreloader/?src=api

PHP를 사용하고 있다면이 줄을 사용할 수도 있습니다.

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />

페이지를로드 할 때마다 즐겨 찾기 아이콘이 새로 고쳐집니다.

디버깅하기 위해 디버깅에 관심이 있다면 / etc / hosts 파일에 더미 항목을 추가하고 새 URL을 누르십시오. 해당 파비콘은 이미 캐시되지 않았으며 새로운 파비콘이 작동하는지 확인할 수 있습니다.

즐겨 찾기 아이콘의 이름을 변경하지 않으면 사용자가 강제로 새 사본을 받도록 할 수있는 방법이 없습니다

이것은 Chrome에서 작동합니다.

• Mac : 파일 삭제

  $ {user.home} / Library / Application Support / Google / Chrome / Default / Favicons

• Windows : 파일 삭제

  C : \ Users [사용자 이름] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons C : \ Users [사용자 이름] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons-journal

출처

이것은 크롬 버그에 대한 해결 방법입니다 : rel 속성을 stylesheet로 변경하십시오! 그래도 원본 링크를 유지하십시오. 매력처럼 작동합니다.

고객 사이트 / 제작 코드를 업데이트 할 수 있어야하고 다른 솔루션을 찾지 못해이 해결 방법을 찾았습니다.

나는 이것이 정말로 오래된 질문이라는 것을 알고 있지만 요즘 모질라에만 적용되지만 여전히 관련이있는 질문이기도합니다. (탐색자가 어떤 브라우저를 사용하는지 알지 못합니다. 비표준 브라우저에서는 코딩하지 않습니다).

Chrome에 헤더에 아이콘 태그가 포함되어 있으면 Chrome이 올바르게 작동합니다.

모질라는이 문제를 잘 알고 있지만, 평소와 같이 성가신 작은 물건은 결코 고치지 않습니다. 6 년 후에도

따라서 파이어 폭스로 아이콘을 새로 고치는 방법에는 두 가지가 있습니다.

1. 모든 클라이언트에게 firefox를 제거하십시오. 그런 다음 다시 설치하십시오.

2. URL 표시 줄에 도메인 만 수동으로 입력하십시오. http 또는 www는 도메인 (mydomain.com) 만 사용하지 마십시오.

이것은 물론 ns 레코드에 도메인 이름에 대한 분석 만 포함한다고 가정합니다.

단순한,

1 : 코드로 장난하고 싶지 않습니다 (내 사이트 빌더는 코드를 사용하지 않고 "파일 업로드"버튼을 사용하고 자체적으로 수행합니다)

2 : 나는 CTRL+를 시도했다F5 그것은 나를 위해 작동하지 않습니다 ....

해결책이 있습니다.

IE : 설정 창으로 이동하여 모든 브라우저 기록 및 쿠키를 지 웁니다. O

Chrome : X 아래 오른쪽 상단에있는 메뉴로 이동하여 =으로 표시 한 다음 설정, 기록, 인터넷 사용 정보 삭제로 이동하고 적용되는 모든 상자를 확인합니다 (이력, 쿠키를 수행하고 시간의 시작)

이 파일 이름을 변경하십시오. = 'favicon1.ico'

간단한 애니메이션 파비콘과 FireFox 3.6.13 (베타 버전)으로 관리하는 방법은 다음과 같습니다. 다른 버전의 FireFox에서도 작동합니다. 그렇지 않은 경우 알려주십시오. 기본적으로 artlung의 솔루션이지만 .gif 파일도 처리합니다.

1. FTP 프로그램으로 열었고 favicon.ico 및 favicon.gif 파일을 다운로드했습니다.
2. 그런 다음 서버 파일에서 삭제했습니다.
3. 그런 다음 artlung이 제안한대로 브라우저에서 열었습니다 : http://mysite.com/favicon.ico 및 http://mysite.com/favicon.gif 일단 해당 주소가로드되고 404 오류 페이지가 표시되면 ( "페이지를 찾을 수 없음")
4. 그런 다음 두 파일을 모두 서버에 다시 업로드하고 PRESTO-올바른 아이콘이 즉시 표시되었습니다.

또한 상대 경로뿐만 아니라 전체 이미지 URL을 넣어야합니다.

http://www.example.com/images/favicon.ico

그리고 아닙니다 :

images/favicon.ico

위의 일부 단계를 적용해도 문제가 계속 되면 IIS 서버를 다시 시작하십시오 . 도움이 되었기를 바랍니다...

사이먼, 지금까지 다른 답변을 받아 들일 이유가 없다고 생각합니다. 따라서 나는이 믿을 수그럼에도 불구하고 이것이 Grails 문제 일 특히 'Resources Plugin'을 사용하는 경우.

플러그인이 파비콘 (비논리적으로-많은 것)을 제공하는 경우 플러그인 자체에 플러그인이있는 경우 사용하려는 것을 무시할 수 있습니다.

모든 플러그인에서 즐겨 찾기 아이콘을 삭제하면 문제가 일시적으로 해결되면 다음과 같은 문제가 발생할 수 있습니다.

http://jira.grails.org/browse/GPRESOURCES-134

앱 아이콘을 변경하려면 다음 단계를 따르십시오.

1. 프로젝트에 .ico 파일을 추가하십시오.
2. angular.json으로 이동하여 "projects"-> "architect"-> "build"-> "options"-> "assets"에서 아이콘 파일을 입력하십시오. favicon.ico의 기존 항목을 참조하여 수행 방법을 확인하십시오.
3. index.html로 이동하여 아이콘 파일의 경로를 업데이트하십시오. 예를 들어

<link rel="icon" type="image/x-icon" href="abc.ico">

또는 아이콘 파일 이름을 favicon.ico로 바꾸고 디렉토리에서 바꾸십시오.

4. 서버를 다시 시작하십시오.
5. 하드 새로 고침 브라우저를 사용하면 좋습니다.