favicon не работает для одной (токен) страницы в Chrome - PullRequest
Новая
       23

favicon не работает для одной (токен) страницы в Chrome

0 голосов
/ 21 марта 2019

У меня проблема с моим значком в Chrome. Это не будет отображаться на одной странице. Я действительно не знаю почему, но я предполагаю, что это потому, что он работает с токеном, поэтому, если токен отличается, он берет другие вещи из моей базы данных. другими словами, страница никогда не бывает прежней. Я также попробовал некоторые другие вещи из stackoverflow, но это тоже не сработало. Каким-то образом это будет работать в Microsoft Edge.

это то, что я пробовал до сих пор (header.php): 

<link rel="icon" type="image/png" href="/healtywavezicon.png">
<link rel="shortcut icon" type="image/png" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="57x57" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="60x60" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="76x76" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="114x114" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="120x120" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="144x144" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="152x152" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="96x96" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/healtywavezicon.png">

Я также пытался поместить его прямо в index.php: 

<head>
  <link rel="icon" type="image/png" href="/healtywavezicon.png">
  <link rel="shortcut icon" type="image/png" href="/healtywavezicon.png">
</head>

Ответы [ 3 ]

1 голос
/ 22 марта 2019

Если ваш значок не работает на Chrome , но работает на Edge, Firefox и других , это может быть связано с тем, что ваш заголовок содержит разметку только для тела .

0 голосов
/ 21 марта 2019

Поскольку в вашем href есть ведущий /, вы ссылаетесь на файл, который будет в корневой папке.Если ваша страница находится в папке на вашем компьютере, а не на локальном веб-сервере, ведущий / скажет браузеру поискать в корневой папке вашей файловой системы.Таким образом, браузер ожидает, что файл будет иметь значение C:/favicon.ico или подобное, что, вероятно, не соответствует ожидаемому.

Если у вас есть favicon.ico в той же папке, что и веб-страница, вы можете простоудалите начальную косую черту, и значок должен быть виден. 

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

Обновление:

В качестве опции отладки вы можете попытаться добавить известный вам тегработает.Я позаимствовал этот фрагмент из источника StackOverflow.Попробуйте заменить тег ссылки на это и посмотрите, получите ли вы логотип SO в качестве избранного. 

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

Обновление 2:

Похоже, что есть ошибкасообщается в Chromium, где значок не отображается, если файл загружен локально, без обслуживания через веб-сервер.

0 голосов
/ 21 марта 2019

Если вы поместите это в index.PHP, вы должны убедиться, что они в тегах заголовка, а не в тегах. в противном случае, проверьте URL изображения

...