HTML favicon은 google chrome에 표시되지 않습니다.



Answers

예를 들어 .htaccess가 읽는 경우 : favicon이 예상대로 표시되지 않는 일반적인 문제 ExpiresByType image/x-icon "access plus 1 month"

그런 다음 favicon 참조에 무작위 값을 추가하기 만하면됩니다. <link rel="shortcut icon" href="https://example.com/favicon.ico?r=31241" type="image/x-icon" />

무거운 캐싱을 할 때마다 나를 위해 항상 작동합니다.

Question

나는 게시되지 않은 HTML 페이지를 만들고 있습니다. 내가하고 싶은 일 중 하나는 favicon을 제목 옆에 추가하는 것입니다. 나는 Google 크롬을 사용하고 있는데 다른 웹 사이트에는 브라우저의 타일 옆에 나타나는 favicon이 있지만 표시하려고하는 것은 표시되지 않습니다. 내 데스크톱의 폴더에있는 site라는 사이트. 이것은 코드입니다.

<!DOCTYPE html>
<html> 
    <head>
        <title></title>
        <link rel="shortcut icon" href="/favicon.ico" />
    </head>
    <body>
    </body>
</html>



이 속임수는 작동한다 : 예를 들면 header 또는 masterPage에이 스크립트를 추가한다.

    var link = document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = '/favicon.png';

그리고 캐시 될 것입니다. 최적은 아니지만 작동합니다.




나에게 문제는 그 위에 div가 있다는 것이었다. (당연히 머리 속에 있어야했지만, 그것은 일어난다.) Firefox는 괜찮 았지만 Chrome은 그렇게했습니다.




크롬이 주소 표시 줄에 파비콘을 표시 할 수있는 것처럼 보이지 않습니다 ...

http://en.wikipedia.org/wiki/Favicon#Use_of_favicon

나는 또한 이렇게 한 것처럼 보았다. 차이가 있는지 아닌지를 모릅니다.

<link rel="icon" href="/favicon.ico" />



크롬이 favicon을 표시하지 않는 또 다른 이유는 문제의 사이트에 favicon이 없거나 favicon이 잘못 구성된 시간을 기억하고 있기 때문입니다.

favicon 캐시를 완전히 지우려면 다음과 같이하십시오.

  1. 실행중인 모든 Chrome 프로세스를 종료합니다.

  2. 사용자 데이터 폴더에서 Favicons 파일을 삭제하십시오. 예 :

    C:\Users\me\AppData\Local\Google\Chrome\User Data\Default\Favicons
    

이것은 Favicons 컨테이너에 영향을 미치지 않으므로 브라우저 캐시를 지워서 해결할 수 없습니다.

또한 online 에서 read 수있는 것과는 달리, favicon 리소스에 대한 요청은 DevTools의 네트워크 패널에 표시 되지 않습니다 . 매우 드문 상황에서 이러한 요청 중 하나 가 나타날 수 있지만 DevTools가 귀하의 favicon 비상 문제를 해결하는 데 도움이되지는 않습니다.




이 문제는 나를 미치게했다! 해결책은 실제로 쉽습니다. 헤더 태그에 다음을 추가하십시오.

<link rel="profile" href="http://gmpg.org/xfn/11">

예 :

<!DOCTYPE html>
<html> 
    <head>
        <title></title>
        <link rel="profile" href="http://gmpg.org/xfn/11">
        <link rel="icon" href="/favicon.ico" />



Links