Значок ICO или PNG не будет отображаться в IE11

Я много копал, но не могу заставить работать иконку для IE11. Я могу получить один, работающий в Chrome и Firefox, хотя.

Вот глава моего файла:

<head>
    <title>Home</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script src="../jquery.min.js"></script>
      <script src="../levelOneImports.js"></script>  
      <link rel="shortcut icon" href="../Iconleak-Cerulean-Science-chemistry.ico" type="image/x-icon">
</head>

Вот разные подходы, которые я пробовал:

  • У меня есть иконка (ico и png), которую я создал, но после того, как я не смог заставить ее работать, я просто попытался загрузить ее для тестирования в интернете (вот она).
  • В другом посте я прочитал, что IE11 должен поддерживать значки png, поэтому я попытался использовать файл png, а не файл ico.
  • В другом посте я прочитал, что изображение не должно быть в подпапке, поэтому я изменил местоположение и поместил его в корень.
  • Я прочитал, что изображение должно быть 16x16, поэтому я попытался создать файл ico с такими размерами. Я также попытался загрузить файл PNG с этими размерами.
  • Я попытался очистить кеш IE. Я также попытался очистить кеш и перезапустить браузер.
  • Последнее решение кода это то, что я попробовал выше (из этого поста здесь).
  • Я также попробовал это: <link rel="icon" type="image/png" href="../logo.png"> используя решение из поста здесь.

Я не уверен, что я мог делать неправильно. Какие-либо предложения? Если бы вы могли привести пример кода, где он работает и в IE, это было бы здорово.

Не знаю, поможет ли это, но я не слишком обеспокоен чем-то до IE11.

Источник

2 ответа

Даже если вы очистили кеш, IE11 все равно может использовать кешированную версию. Это неудачное, хорошо известное поведение.

Неисчерпывающий контрольный список:

  • В IE11 откройте консоль разработчика и найдите ошибки. Обычно вы можете обнаружить ошибку 404 при доступе к значку.
  • Версионируйте значок, добавляя строку запроса к URL-адресу. Например, в своем HTML-коде измените путь к значку на ../Iconleak-Cerulean-Science-chemistry.ico?v=2, Это должно заставить IE11 перезагрузить иконку.
  • Протестируйте свой сайт с помощью средства проверки favicon. Полное раскрытие: я автор этого сервиса.
Источник

Вы можете изменить это с помощью JavaScript. Возможно, это не лучший ответ, но он должен работать. Не забудьте проверить ссылку ниже и их пример. Дайте мне знать, как это работает для вас:

Как заставить ie11 запросить новый favicon?

Источник
Другие вопросы по тегам