Последнее обновление:
Как заменить фавиконку на странице сайта
Фавиконка или favicon - это маленькое изображение, появляющееся на вкладке открытой в браузере страницы того или иного сайта. По идее, это - необходимый сегодня атрибут сайта, позволяющий пользователям как-то различать его от других сайтов, в том числе и аналогичной тематики. Т.е. в подавляющем большинстве случаев это - весьма полезная вещь. Однако, изредка, но все еще встречаются горе-вебмастера, которые что-то начинают выдумывать и делают фавиконку своего сайта весьма навязчивой и мешающей просмотру контента страницы, например, мелькающей, мигающей, мельтешащей и т.п. Видимо, такие вебмастера считают, что тем самым они, якобы, привлекут к своему сайту побольше посетителей. Ну, например, взять сайт garant.ru и т.д. На самом же деле ничего, кроме отвращения к таким ресурсам эти динамические фавиконки, зачастую, не вызывают.
Самое интересное, что убеждать таких вот "мастеров", как правило, бесполезно. Они, видимо, пропитавшись (как тройным одеколоном советских времен) мыслями о том, что, якобы, надо пытаться агрессивно привлекать пользователей, разумеется, зачастую добиваются обратного эффекта. И им бесполезно говорить о том, что, вообще-то, мешать пользователям читать страницу - это, как минимум, нагло. И неумно. Но, как говорится, увы, увы. Поэтому лично я, как правило, стараюсь вскоре покинуть такие сайты. Но, нет-нет, да и попадаются они (пока) в поиске. И, бывает, неохота тратить время на поиск аналогов, приходится, буквально, закрывать верхнюю часть монитора листом бумаги, чтобы, повторимся, мелькание не мешало смотреть на страницу. Но, в общем-то, зачем такие сложности, когда эту проблему легко решить одним-двумя нажатиями мыши.
Букмарклет, заменяющий фавиконку на вебстранице
Заменить фавиконку можно средствами javascript (конечно, необходимо, чтобы он был подключен в браузере).
Но, для этого потребуется как-то добавить скрипт на страницу, открытую в браузере. Как это сделать? Можно, конечно, написать плагин. Или открывать страницу через специальный прокси-сервер, который вырежет фавиконку из html-кода страницы и отдаст браузеру весь остальной код. А можно обойтись более простым вариантом - сделать букмарклет. Приведем сразу его код:
javascript:(function(){var%20head=document.getElementsByTagName('head')[0];var%20icon='http://www.site.ru/favicon.png';var%20link=document.createElement('link');link.setAttribute('href',icon);link.setAttribute('type','image/x-icon');link.setAttribute('rel','shortcut icon');head.appendChild(link);})();
Это - готовый букмарклет, осталось только сделать из него закладку. Как это делается, мы уже рассказывали на примере удаления javascript со страницы сайта. Вместо http://www.site.ru/favicon.png возьмите, например, фавиконку своего сайта (соответственно, вместо site будет фигурировать имя Вашего сайта). Впрочем, можно использовать и любое другое изображение малых размеров, необязательно оно должно быть фавиконкой, имеющей расширение ico. Можете сделать рисунок (типа красного крестика), обозначающий страницу, которая путем мельтешащей фавиконки пытается мешать пользователю читать ее содержимое (контент). Так как для изображений не действует политика безопасности (одинаковые домен, протокол и порт), то фавиконка с Вашего сайта легко может быть подгружена на страницы любых сайтов.
Что делает этот букмарклет?
Он создает новый тег с именем link, задает ему некоторые атрибуты и, самое главное, в качестве адреса изображения "фавиконки" задает выбранное Вами изображение. Естественно, оно должно находиться на Вашем ресурсе. После чего, букмарклет вставляет этот тег внутрь тега <head>... </head> вебстраницы, на которой он (этот букмарклет) был запущен. Браузер, естественно, немедленно заменит фавиконку на Ваш вариант. После чего Вы сможете спокойно читать страницу, не отвлекаясь взглядом на разные мельтешения на открытой в браузере вкладке.
Ну, да, Вы вот только ПРЕДСТАВЬТЕ СЕБЕ(!), что ВСЕ вебстраницы вдруг получили бы разные мельтешащие, дергающиеся, ползающие, мигающие (в общем, как в зоопарке или, точнее, в психбольнице) фавиконки... Какое решение пришло бы само собой? Наверное, из серии - полностью отключить показ всех фавиконок браузером. Что привело бы в итоге к безликости вкладок, открытых в нем. Кстати, в этой связи возникает вопрос: почему поисковые системы (Яндекс, Google) до сих пор не обращают внимание на подобные мельтешения? Вот ведь раньше чуть ли не каждая вторая вебстраница содержала разные всплывающие окна, панели, меню, баннеры, загораживающие просмотр контента. Со временем, поисковики стали накладывать фильтры за подобные "дела" - и, вскоре интернет очистился от подобного мусора. Не настала ли пора точно также поступать и с мельтешащими фавиконками (ну, как на том же garant.ru, к примеру)?
Правда, некоторые сайты могут (средствами javascript) пытаться помешать заменить фавиконку (наверное, пытаясь хоть с ее "помощью" удержать посетителя на странице, раз нет иных средств, более актуальных для него). Тогда, как вариант, можно вначале стереть весь javascript со страницы, а потом уже - заменить фавиконку. А можно сделать и единый букмарклет, который будет делать и то, и другое - сразу. Стоит отметить, что на страницах вебсайтов компьютерной направленности встречаются скрипты с похожей функциональностью, которые, перед тем, как вставить новую фавиконку, вначале удаляют все те, что имеются в html-коде. Однако, делать это - вообще необязательно, так как в итоге в браузере будет показана лишь та фавиконка, которая была добавлена наименее недавно (то же касается, по идее, любых изменений, производимых скриптами со страницей).
И еще раз, хотелось бы предупредить: вмешательство в html-код вебстраницы может помешать ее работе, дестабилизировать ее. Поэтому использование Вами вышеприведенного кода букмарклета возможно не иначе, как полностью на лично Ваши риск и ответственность. Мы можем рекомендовать Вам использовать его, разве что, на страницах Ваших сайтов и только в целях тестирования, и если Вы четко понимаете, что делаете. Что же касается лично меня, автора этой статьи - то могу сказать, что использую его достаточно редко, не чаще пары раз в месяц, ибо, повторимся, совсем уж кривоголовых вебмастеров, не понимающих, что мельтешащаяся фавиконка не только не привлечет дополнительных посетителей к сайту, но и, напротив, постепенно создаст стойкое отвращение к нему и пользователь, вероятно, будет стараться как можно меньше пользоваться таким сайтом - таких вебмастеров в настоящее время, слава богу, осталось очень мало. Все-таки, подавляющее-то большинство разработчиков понимают, что фавиконка должна быть, своего рода, визитной карточкой сайта, должна НРАВИТЬСЯ посетителю и создавать у него желание посмотреть на нее еще и еще, что может обусловить дополнительные визиты страниц сайта. Но, никоим образом не навязываться ему, не вызывать отторжения.