Как отобразить разный favicon для разных разделов сайта?

Question

[Denskala]

Есть некий ресурс (не мой), с которым приходится много работать. Внутри ресурса есть несколько глобальных разделов. https://[domain]/tasks
https://[domain]/wiki...

Проблема в том, что все эти ресурcы при загрузке получают один и тот же favicon: https://[domain]/favicon.svg

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

Comments

[VolgaVolga]

Браузерным расширением, вроде Tampermonkey.

[Refguser]

Алексей Ярков, а попробуй внимательнее прочитать вопрос. :)

[Сергей Кузнецов]

Я обычно раскидываю разные группы вкладок по разным виртуальным рабочим столам. Что на маках, что теперь и в windows 11 доступно.

Answer 1

[Refguser]

Было бы очень круто как-то подкладывать под каждый из ресурсов свою иконку, чтобы иметь возможность различать вкладки в браузер

--Подменить никак. Фактически это один сайт, а фавикон устанавливается для сайта. ---
АПД. Был не прав, можно и для разных страниц установить и по другим условиям. Но это изнутри сайта. Для изменения DOM не имея доступа к сайту нужно использовать аддоны.

Могу предложить альтернативный вариант - использовать контейнеры (в ФФ) или профили (в любом браузере), которые настроить на разную цвет схему.

АПД2. Ещё альтернатива - аддоны, раскрашивающие вкладки в зависимости от урла.

Comments

[Владислав Лысков]

И типа вариант подмены фавиконки jsом в зависимости от роута не сработает?

[Владислав Лысков]

Ида, тот же вк меняет, чем остальные хуже?

[Refguser]

Владислав Лысков, Попробуй :), Но вообще стоит знать, что фавиконы кешируются браузером.

[Владислав Лысков]

Refguser, это я конечно знаю, но на досуге поиграться можно

[Refguser]

Владислав Лысков, посмотрел я на вк, действительно на vk.com/video другая фавикона (спасибо что обратил моё внимание). Но фаикона ли это? В коде

<link rel="shortcut icon" href="/images/icons/favicons/fav_logo.ico?6" />

<link rel="apple-touch-icon" href="/images/icons/pwa/apple/default.png?15">

и эти урлы показывают стандартную фавикону а не лого вквидео.
Я с кандачка не разобрался как они там наваяли, но чую, что через js-скрипт. Тогда да, возможно я не прав, что никак не подменить.

Но контейнеры в ФФ всё равно рулят :)

Answer 2

[maksam07]

Как альтернатива - группировать. В хроме (а может и в других браузерах) можно создавать группу вкладок и давать им имя. Можно даже с одной буквой имя задать, но указать им такие цвета группы, которые будут удобны для навигации. Да, это неного не то решение, но я периодически подобным пользуюсь и за ненадобностью можно сворачивать группу вкладок

Answer 3

[Сергей delphinpro]

подменить юзерскриптом. просто заменить содержимое метатега