Фавикон не отображается ни в источниках просмотра, ни на изображениях. (localhost chrome) - PullRequest
Новая
       49

Фавикон не отображается ни в источниках просмотра, ни на изображениях. (localhost chrome)

0 голосов
/ 15 апреля 2020

Я сейчас создаю веб-сайт, и я почти закончил, но есть одна проблема. Значок не отображается при просмотре источника или изображения (в localhost, chrome). Видите ли, я не уверен, что делаю что-то не так или это просто ошибка. Спасибо за помощь.

enter image description here

Видите, ни один значок не будет отображаться в источнике вида. Это то же самое с изображениями. Но если я прыгну в Google, у них не возникнет этой проблемы.

enter image description here

Эта проблема происходит только потому, что я на локальном хосте, и когда я опубликую sh мой сайт, все будет в порядке?

Спасибо.

. .

Также вот мой код, который у меня сейчас есть для моего значка: 

<link rel="apple-touch-icon" sizes="180x180" href="./css/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./css/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./css/images/favicons/favicon-16x16.png">
<link rel="manifest" href="./css/images/favicons/site.webmanifest">
<link rel="mask-icon" href="./css/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./css/images/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="test">
<meta name="application-name" content="test">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./css/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

1 Ответ

1 голос
/ 15 апреля 2020

Пожалуйста, покажите нам link rel ваших head тегов, чтобы увидеть, если вы делаете что-то не так. Я могу отредактировать свой ответ позже, если вы отредактируете свой пост.

В вашем вопросе не так много подробностей, поэтому я просто попытаюсь рассказать вам, как установить значок сайта для вашего сайта.

Попробуйте удалить тот, который вы сделали. Удалите его из того места, где вы его разместили. Убедитесь, что вы назвали его favicon.ico и поместите его в папку root вашего веб-сайта, где index. html.

Затем в разделе head добавьте следующий код: 

<link rel='icon' href='favicon.ico'>

Вы также можете попробовать перейти на страницу localhost с помощью частной навигации. Иногда значки избранного путаются с кешем и историей браузера.

Вы также можете проверить свой значок сайта с реальным путем (полный URL) localhost/mysite/css/favicons/favicon.ico, чтобы проверить, действительно ли он там существует.

После обсуждения с OP проблема возникает только с командой view-source:, и значок показывает себя в противном случае. Так что это нормальное поведение, как вы можете видеть даже на Google или любом другом веб-сайте, иконка исчезает с помощью команды view-source:.

...