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

Question

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

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

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

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

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

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

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- час назад
- 21 просмотр
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 4 часа назад
- 37 просмотров
2

ответа
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 5 часов назад
- 38 просмотров
0

ответов
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 6 часов назад
- 41 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 6 часов назад
- 146 просмотров
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 6 часов назад
- 46 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 6 часов назад
- 60 просмотров
1

ответ
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 11 часов назад
- 39 просмотров
1

ответ
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 12 часов назад
- 20 просмотров
0

ответов
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 17 часов назад
- 84 просмотра
1

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

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

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

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

Верстка и логика формы выбора билетов в зале для покупки

20 апр. 2024, в 00:43

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

Разработать формирование УПД на Java

20 апр. 2024, в 00:28

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

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 на чужом сайте, чтобы в закладке браузера отображалась другая иконка?

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

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

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