Замена Favicon не на своём сайте

@АИЕ · Регистрация: 28.09.2015

Студворк — интернет-сервис помощи студентам

Весь поиск перерыл, но что-то не совсем ответ находится.

Много ответов не работают.

Нашёл лаконичный код и работающий, НО только на некоторых сайтах:

JavaScript
1
jQuery('link[rel="shortcut icon"]').attr("href","https://site.ru/favicon.ico");

Когда не срабатывает, пишет ошибку:

JavaScript
1
Uncaught ReferenceError: jQuery is not defined at <anonymous>:1:1

Когда срабатывает, меняет иконку на необходимую.

Как можно решить данную проблему?

На всякий случай кусок кода с сайта на котором требуется замена Favicon:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
        <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png">
        <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="/favicons/android-chrome-192x192.png" sizes="192x192">
        <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="manifest" href="/favicons/manifest.json">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
        <meta name="theme-color" content="#ffffff">
        <meta name="robots" content="index, follow">
        <meta name="fragment" content="!">

@AlexZaw · 30.10.2018, 21:04

Вопрос. А зачем вам это? Все-равно кроме как в вашем браузере это нигде не будет работать, да и у вас эти изменения только до обновления страницы продержатся.
А код естественно не будет работать. Во-первых на том сайте не используется jQuery, а во-вторых селектор прописан неправильно

@АИЕ · 31.10.2018, 05:11 **[ТС]**

Ух ты, "спасибо" за информацию.
Если спрашиваю - значит, видимо, нужно.
Меня устраивает то, что до обновления только продержится новая фавиконка, так как мне нужно просто сигнализировать таким образом о том, что нужно обратить внимание на эту вкладку браузера.
Звук уже есть, замена title есть, но когда немерено вкладок открыто, значок звука со вкладки в скором времени пропадает, а видна только фавиконка, поэтому нужно заменить её, хоть и на время.

Добавлено через 1 минуту

Сообщение от AlexZaw

А код естественно не будет работать. Во-первых на том сайте не используется jQuery

С этим ещё согласен, а что ни так с этим:

Сообщение от AlexZaw

а во-вторых селектор прописан неправильно

На других сайтах же отрабатывает.

@АИЕ · 31.10.2018, 05:16 **[ТС]**

Пример.

@АИЕ · 31.10.2018, 05:18 **[ТС]**

Сообщение от AlexZaw

естественно не будет работать

В этом собственно и был вопрос:

Сообщение от i95-05

Как можно решить данную проблему?

@klopp · 31.10.2018, 06:44

Не по теме:

Сообщение от i95-05

Как можно решить данную проблему?

начните с того, чтобы не хамить тому кто хотел вам помочь

@АИЕ · 31.10.2018, 09:53 **[ТС]**

klopp, хамства не было.

Каков ответ, такой и комментарий.

Был бы благодарен тому, кто реально может помочь решить данную задачу.

@Evgen1337 · 31.10.2018, 10:02

Попробуйте через querySelector

JavaScript
1
2
3
document.querySelector("link[rel='shortcut icon']").href = "favicon.ico";
 
document.querySelector("link[rel*='icon']").href = "favicon.ico";

@АИЕ · 31.10.2018, 10:17 **[ТС]**

Evgen1337,

JavaScript
1
2
3
document.querySelector("link[rel='shortcut icon']").href = "https://site.ru/favicon.ico";
 
document.querySelector("link[rel*='icon']").href = "https://site.ru/favicon.ico";

Если так, то:

JavaScript
1
Uncaught TypeError: Cannot set property 'href' of null at <anonymous>:1:58

@AlexZaw · 31.10.2018, 11:20

Сообщение от i95-05

На других сайтах же отрабатывает.

Потому, что на других сайтах у тега link у атрибута rel именно такое значение. А в приведенном коде, как вы видите, совсем другое.
Попробуйте следующий код:

JavaScript
1
2
var favicons = document.querySelectorAll('link[rel*=icon]' && 'link[href*="favicon"]');
favicons[favicons.length-1].href="https://site.ru/favicon.ico";

Если не поможет,то нужно будет циклом перебрать всю коллекцию

@Evgen1337 · 31.10.2018, 11:31

PHP/HTML
1
2
3
4
5
6
<script>
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelector("link[rel*='icon']").href = "https://www.cyberforum.ru/customavatars/avatar667719_1.gif";
  })
</script>
<link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">

@AlexZaw · 31.10.2018, 11:48

Evgen1337, в примере ТС, ваш код заменит только первую строку.

@Evgen1337 · 31.10.2018, 11:59

AlexZaw, то jquery не работает, то link нет вообще... я сделал все что смог ))

@АИЕ · 31.10.2018, 14:31 **[ТС]**

Сообщение от AlexZaw

var favicons = document.querySelectorAll('link[rel*=icon]' && 'link[href*="favicon"]');
favicons[favicons.length-1].href="https://site.ru/favicon.ico";

Ошибок нет, но и замена фавикона тоже не произошла

@AlexZaw · 31.10.2018, 14:59

Сообщение от i95-05

но и замена фавикона тоже не произошла

Ну я этого и ожидал в принципе.
Попробуйте так:

JavaScript
1
2
3
4
var favicons = document.querySelectorAll('link[rel*=icon]' && 'link[href*="favicon"]');
for(var i = 0; i < favicons.length; i++){
favicons[i].href="https://site.ru/favicon.ico";  
}

@АИЕ · 31.10.2018, 15:11 **[ТС]**

AlexZaw, отлично, спасибо большое, Вы мне очень помогли, заработало

Добавлено через 8 минут
AlexZaw, буду благодарен, если глянете ещё две моих темы:

Возможно ли нажатие программно колёсиком на нужный элемент?

Возможно ли создание TextBox не на своём сайте поверх основного шаблона для дальнейшего ведения логов?

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,096
	30.10.2018, 21:04
	Вопрос. А зачем вам это? Все-равно кроме как в вашем браузере это нигде не будет работать, да и у вас эти изменения только до обновления страницы продержатся. А код естественно не будет работать. Во-первых на том сайте не используется jQuery, а во-вторых селектор прописан неправильно 0

@АИЕ 4 / 4 / 0 Регистрация: 28.09.2015 Сообщений: 281
	31.10.2018, 05:16 [ТС]
	Пример. Миниатюры 0

@АИЕ 4 / 4 / 0 Регистрация: 28.09.2015 Сообщений: 281
	31.10.2018, 09:53 [ТС]
	klopp, хамства не было. Каков ответ, такой и комментарий. Был бы благодарен тому, кто реально может помочь решить данную задачу. 0

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,096
	31.10.2018, 11:48
	Evgen1337, в примере ТС, ваш код заменит только первую строку. 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	31.10.2018, 11:59
	AlexZaw, то jquery не работает, то link нет вообще... я сделал все что смог )) 0

@АИЕ 4 / 4 / 0 Регистрация: 28.09.2015 Сообщений: 281
	31.10.2018, 15:11 [ТС]
	AlexZaw, отлично, спасибо большое, Вы мне очень помогли, заработало Добавлено через 8 минут AlexZaw, буду благодарен, если глянете ещё две моих темы: Возможно ли нажатие программно колёсиком на нужный элемент? Возможно ли создание TextBox не на своём сайте поверх основного шаблона для дальнейшего ведения логов? 0

Замена Favicon не на своём сайте

Решение