Как автоматически выхватить favicon с сайта?

Question

[Роман]

Добрый день!

Подскажите как можно выхватывать favicon с сайта? У каждого сайта он в разном месте, как можно автоматизировать это?

Нужно на сайте, когда указали ссылку, автоматом выхватить и показать favicon с этого сайта.

Задача:

На сайте есть возможность оставлять ссылки, нужно когда оставили ссылку, к ней подтянуть favicon этого сайта. Проблема в том, что не стандарта, что favicon должен лежать в этом месте/по такому адресу!

К примеру я создал такой шаблон:
Где {ссылка-на-сайт} дает пользователь и все бы замечательно, но favicon.ico может быть где угодно, мне нужно как то выхватить и показать favicon

<div>
    <p>Ваша сайт:</p>
    <img src="{ссылка-на-сайт}/favicon.ico" alt="Ваша сайт:">
    <a href="{ссылка-на-сайт}">{ссылка-на-сайт}</a>
</div>

Думаю, сейчас станет более понятна суть вопроса!

Спасибо!

Answer 1

[Михаил Еникеев]

Просто закинь свой favicon в корень своего сайта он должен автоматом подхватиться!
после этого очисти кэшь своего браузера!
можешь еще в файле index.php(index.html) прописать следующие

<script type='text/javascript'>
jQuery(document).ready(function() {
	jQuery('a[href^="http://"]').filter(function() {
		return this.hostname && this.hostname !== location.hostname;
	}
	).each(function() {
		var link=jQuery(this);
		link.addClass("favicon_link");
		var faviconURL=link.attr("href").replace(/^(http:\/\/[^\/]+).*$/,"$1")+"/favicon.ico";
		var faviconIMG=jQuery('<img class="favicon_image" src="путь для альтернативного favicon.ico" alt="" width="12" height="12" style="vertical-align:middle; border:none; padding:2px; box-shadow:0 0 0 0; -webkit-box-shadow:0 0 0 0; -moz-box-shadow:0 0 0 0;"/>')["appendTo"](link);
		var extImg=new Image();
		extImg.src=faviconURL;
		if(extImg.complete) {
			faviconIMG.attr("src",faviconURL);
		}
		else {
			extImg.onload=function() {
				faviconIMG.attr("src",faviconURL)
			}
		}
	})
});
</script>

Comments

[Роман]

Ммм ... вы не так поняли. Вопрос не в том, как разместить/повесить favicon у себя на сайте.

Задача: на сайте указывают ссылки, мне нужно к этим ссылкам подставить favicon этого же сайта. Как мне автоматизировать этот процесс? На php или JavaScript в какую строну копать/искать!?

Загуглив ответа не нашел. Спасибо!

[Михаил Еникеев]

Роман Лазарев: ))) даже не знаю,не задавался таким вопросом!

[Михаил Еникеев]

Роман Лазарев: попробуй так смотри вверху код

[Михаил Еникеев]

Роман Лазарев: подключи jquery еще если не подключен!

[Михаил Еникеев]

Роман Лазарев: так должно работать 99%

[Михаил Еникеев]

Роман Лазарев: Ну что получилось так ка я сказал?

[Роман]

Обновил шапку

[Михаил Еникеев]

Роман Лазарев: что не понятного ё моё.... код который я дал вставь его в свой index.php или какой там у тебя index.html так вот вставь его в любое место вставь сразу после тега body и все и будет у тебя автоматически выхватовать favicon

[Роман]

... а почему картинка рендериться после ссылки, а не перед?
и есть ли вариант указать favicon по умолчанию, если не нашел ее? или же нужно вешать проверку не только на .ico но и на .png

[Михаил Еникеев]

Поставь альтернативу если вдруг не нашел!

Answer 2

[Дмитрий]

Я бы попытался спарсить страницу по ссылке и вытащить фавикон

Comments

[Сергей delphinpro]

только сначала попробовать взять favicon.ico из корня. D большинстве случаев она будет в корне. А уж потом метатег смотреть, если в корне не нашлось.

[Роман]

Обновил шапку

Answer 3

[Анатолий Медведев]

https://toster.ru/favicon.ico
https://www.google.ru/favicon.ico
https://www.youtube.com/favicon.ico
vk.com/favicon.ico
opennet.ru/favicon.ico
https://www.linux.org.ru/favicon.ico

покажи мне сайт у которого что то по другому.

Comments

[Алексей Скобкин]

У приличного количества сайтов вместо favicon.ico в корне используется мета-тег. Можно первым этапом искать favicon.ico, а затем смотреть мету, если не найден.

[Роман]

https://www.yandex.ru к примеру?

[Анатолий Медведев]

Роман Лазарев:

[Роман]

Анатолий Медведев:
https://yastatic.net/morda-logo/i/favicon_islands.ico
ну да, все верно, иконка есть, только путь отличается от того что ты написал выше

[Анатолий Медведев]

Роман Лазарев: пусть не отличается, то что с него идет перенаправление ТСа волновать не должно.