Замена 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

        <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

<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

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 не на своём сайте поверх основного шаблона для дальнейшего ведения логов?

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

@АИЕ 4 / 4 / 0 Регистрация: 28.09.2015 Сообщений: 268
	31.10.2018, 05:11 [ТС]	3
	Ух ты, "спасибо" за информацию. Если спрашиваю - значит, видимо, нужно. Меня устраивает то, что до обновления только продержится новая фавиконка, так как мне нужно просто сигнализировать таким образом о том, что нужно обратить внимание на эту вкладку браузера. Звук уже есть, замена title есть, но когда немерено вкладок открыто, значок звука со вкладки в скором времени пропадает, а видна только фавиконка, поэтому нужно заменить её, хоть и на время. Добавлено через 1 минуту Сообщение от AlexZaw А код естественно не будет работать. Во-первых на том сайте не используется jQuery С этим ещё согласен, а что ни так с этим: Сообщение от AlexZaw а во-вторых селектор прописан неправильно На других сайтах же отрабатывает. 0

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

@АИЕ 4 / 4 / 0 Регистрация: 28.09.2015 Сообщений: 268
	31.10.2018, 05:18 [ТС]	5
	Сообщение от AlexZaw естественно не будет работать В этом собственно и был вопрос: Сообщение от i95-05 Как можно решить данную проблему? 0

@klopp
	31.10.2018, 06:44 #6
	Не по теме: Сообщение от i95-05 Как можно решить данную проблему? начните с того, чтобы не хамить тому кто хотел вам помочь 0

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

@AlexZaw Модератор 2172 / 1571 / 626 Регистрация: 07.08.2016 Сообщений: 3,839
	31.10.2018, 11:48	12
	Evgen1337, в примере ТС, ваш код заменит только первую строку. 0

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

@АИЕ 4 / 4 / 0 Регистрация: 28.09.2015 Сообщений: 268
	31.10.2018, 14:31 [ТС]	14
	Сообщение от AlexZaw var favicons = document.querySelectorAll('link[rel=icon]' && 'link[href="favicon"]'); favicons[favicons.length-1].href="https://site.ru/favicon.ico"; Ошибок нет, но и замена фавикона тоже не произошла 0

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

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

Решение