{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В данной статье мы узнаем как изменить Favicon сайта из JavaScript","type":"unstyled","key":"780et"},{"data":{"image":{"id":"635fd86f6698de70f1f65754"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"dq8f2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для замены Favicon во вкладке браузера достаточно у элемента в атрибуте href указать путь до нового изображения, но это работает только при условии, что в прописан только один элемент :","type":"unstyled","key":"2p76t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"fnjrn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Замена на чистом JS:","type":"header-three","key":"8rjtv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"var list = document.querySelectorAll('link[rel=\"icon\"], link[rel=\"shortcut icon\"]');list.forEach(function(element) { element.setAttribute('href', '/new-favicon.png');});","type":"unstyled","key":"cee9f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Замена на JQuery:","type":"header-three","key":"eivrf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$('link[rel=\"icon\"], link[rel=\"shortcut icon\"]').attr('href', '/new-favicon.png'); JS","type":"unstyled","key":"dum1j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Т.к. браузеры поддерживают Favicon в разных форматах, соответственно в прописывают несколько элементов , например:","type":"unstyled","key":"83c2v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"7euq2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":61,"offset":0,"style":"BOLD"}],"text":"Скорее всего браузер будет использовать иконку в формате SVG.","type":"unstyled","key":"cut86"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В таком случаи нужно будет удалить все текущие элементы и вставить новый элемент :","type":"unstyled","key":"9lf8s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"// Удаление старых элементовvar list = document.querySelectorAll('link[rel=\"icon\"], link[rel=\"shortcut icon\"]');list.forEach(function(element) { element.parentNode.removeChild(element);}); // Вставка нового элементаvar link = document.createElement('link');link.rel = 'icon';link.href = '/new-favicon.png';document.head.appendChild(link);","type":"unstyled","key":"4q32a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JQuery:","type":"unstyled","key":"ecj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"// Удаление старых элементов$('link[rel=\"icon\"], link[rel=\"shortcut icon\"]').remove(); // Вставка нового элемента$('head').append('');","type":"unstyled","key":"f4tk7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее приведены примеры разных эффектов смены Favicon c применением JQuery.","type":"unstyled","key":"bqmke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мигание Favicon","type":"header-three","key":"2f67i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В данном примере идет поочерёдная смена двух изображений c использованием таймера SetInterval.","type":"unstyled","key":"3r69f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"dmfkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"tLZFyAEon3ItMs2JWfPp"}],"entityMap":{}},"mentions":[]}