Как поменять favicon на чужом сайте, чтобы в закладке браузера отображалась другая иконка?

Question

Ринат Хайсман @Rinat_Haisman

SEO-специалист, телеграм-канал @seospecialist

Как поменять favicon на чужом сайте, чтобы в закладке браузера отображалась другая иконка?

Собственно, сабж. Дело в том, что иконка сайта, достаточно невзрачная, на панели закладок ничем не выделяется, в то время как сайт используется часто. Чтобы постоянно не искать глазами, хочу сменить на нем иконку. К сожалению, в самом браузере (Яндекс.Браузер) такой функции нет.

Вопрос задан более трёх лет назад
1746 просмотров

4 комментария

Подписаться 2 Простой 4 комментария

Михаил @notiv-nt

1. Написать эту претензию в поддержку сайта
2. Написать расшерение для браузера в котором менять иконку

Написано более трёх лет назад
Mikhail Osher @miraage

+1 за расширение браузера

- получите клёвую практику
- потенциально полезно другим людям
- приятный бонус в резюме

Написано более трёх лет назад
GrayHorse @GrayHorse
Mikhail Osher, это делается юзерскриптом в две строки.

document.querySelectorAll(`head > link[rel="icon"]`) .forEach(element => element.href = "https://s.imgur.com/images/favicon-96x96.png");
Написано более трёх лет назад
Ринат Хайсман @Rinat_Haisman Автор вопроса

GrayHorse, респект! Заработало! И иконка отличная, за нее отдельное спасибо! Ваш комментарий - решение вопроса, как только опубликуете его в ответах, отмечу решением :)

Написано более трёх лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

5 комментариев

GrayHorse @GrayHorse

Иконка опять обновится на прежнюю после захода на сайт.
Чтобы в кеше браузера была всегда измененная иконка, нужно юзерскриптом все время ее заменять после каждого захода на сайт. Или заблокировать ее загрузку (запрос) с помощью uBO, чтобы браузер не изменял на свежескаченную.

Написано более трёх лет назад
SVM @sotvm

GrayHorse,
вопрос стоял про иконки ЗАкладок ,а не иконки вкладок

Написано более трёх лет назад
GrayHorse @GrayHorse
SOTVM, фавайконы для закладок берутся из файла `Favicons`.

Вот таким образом (у Хромиумов):
chrome://favicon/size/16@2x/https://toster.ru/q/667182

Если изменить фавайкон с помощью, например:
document.querySelectorAll(`head > link[rel="icon"]`) .forEach(element => element.href = "https://s.imgur.com/images/favicon-96x96.png");

И создать закладку – у закладки будет измененный фавайкон, но до первого захода на сайт.
И чтобы вернуть измененный, нужно опять запустить юзерскрипт. И так каждый раз, так как браузер кеширует последнюю версию, и использует ее для закладок.
Написано более трёх лет назад
SVM @sotvm
GrayHorse,
может и так ,я не спорю/не знаю
а через Tampermonkey или Greasemonkey не получится в head вставить строку ???
<head> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head>
Написано более трёх лет назад
GrayHorse @GrayHorse
SOTVM, можно и вставить HTML, но старые link будут мешаться*, придется удалить их сначала:

document.querySelectorAll(`head > link[rel="icon"]`).forEach(element => element.remove()); document.head.insertAdjacentHTML("afterBegin", `<link href="https://s.imgur.com/images/favicon-96x96.png" rel="icon" type="image/png">`);

*На самом деле, скорее всего, надо просто заменить href у того link элемента, который выбрал браузер (ибо их тут на выбор аж 15), но лень с этим разбираться.
Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- 6 часов назад
- 126 просмотров
3

ответа
HTML

+3 ещё

Простой
Где и как найти переменные локальной игры на html5?
- 1 подписчик
- 8 часов назад
- 53 просмотра
1

ответ
JavaScript

Простой
Как реализовать логику назад вперед?
- 1 подписчик
- 9 часов назад
- 81 просмотр
0

ответов
HTML

+1 ещё

Простой
Почему дублируются изображения?
- 1 подписчик
- 11 часов назад
- 61 просмотр
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- вчера
- 134 просмотра
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 52 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 24 нояб.
- 193 просмотра
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 109 просмотров
1

ответ
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 23 нояб.
- 109 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 23 нояб.
- 109 просмотров
2

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Выложить 75 курсов на геткурс и настроить базовые функции

26 нояб. 2024, в 02:18

15000 руб./за проект

Редизайн и доработка интернет магазина на wordPress

25 нояб. 2024, в 23:42

50000 руб./за проект

Разработка мобильного приложения с дополненной реальностью (AR)

25 нояб. 2024, в 23:32

200000 руб./за проект

1. Написать эту претензию в поддержку сайта
2. Написать расшерение для браузера в котором менять иконку
+1 за расширение браузера

- получите клёвую практику
- потенциально полезно другим людям
- приятный бонус в резюме
Mikhail Osher, это делается юзерскриптом в две строки.

document.querySelectorAll(`head > link[rel="icon"]`) .forEach(element => element.href = "https://s.imgur.com/images/favicon-96x96.png");
GrayHorse, респект! Заработало! И иконка отличная, за нее отдельное спасибо! Ваш комментарий - решение вопроса, как только опубликуете его в ответах, отмечу решением :)

Answer 1 · 2019-09-18 07:13:20

Можно заменить иконку у вкладки, автоматически изменится и у соответствующей закладки.

Например, с помощью такого юзерскрипта:

document.querySelectorAll(`head > link[rel="icon"]`)
        .forEach(element => element.href = "https://s.imgur.com/images/favicon-96x96.png");

Answer 2 · 2019-09-17 02:29:53

можно попробовать(я бы сделал так)
в программе sqlitestudio открываем файл favicons.sqlite ,
который находится в профиле браузера (это для firefox,как в хроме не знаю - не пользуюсь,думаю что подобно)
редактируем линк на нужную иконку

как то так

вместо линка можно/лучше преобразовать иконку в base64 и эти данные вставить в базу sqlite
смотри 11 строку на скрине ,там как раз таким образом представлена иконка

Как поменять favicon на чужом сайте, чтобы в закладке браузера отображалась другая иконка?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт