Как включить фавикон обновления страницы на вкладке браузера?

Знаете ли вы какие-либо методы, операторы, события для запуска перезагрузки favicon на странице? У меня

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="icon" type="image/png" href="myfavicon.ico" />
    ...
  </head>
  <body>
    ...
  </body>
</html>

Конечно, я могу нажать F5 для перезагрузки страницы, но это нежелательно, как и использование

<form>
</form>

теги или

<input>
</input>

etc.

Подмена фавикона тоже нежелательна.

Как вызвать загрузку favicon, без перезагрузки страницы?

Вы можете сделать что-то вроде этого

var link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.getElementsByTagName('head')[0].appendChild(link);
}
link.href = 'https://www.favicon.cc/favicon/867/133/favicon.ico';

Для запуска загрузки favicon без перезагрузки страницы вы можете заставить браузеры загрузить новую версию с помощью тега link и строки запроса на имя файла. Это особенно полезно в производственных средах, чтобы убедиться, что ваши пользователи получат обновление.

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

Вам также может потребоваться модифицировать свой код, чтобы удалить type="image/x-icon" и изменить временную метку для v?=2

Вернуться на верх