Резервный значок

Из Интернета я узнал, что некоторые браузеры выбирают первый значок для отображения, а некоторые выбирают последний значок, когда присутствует несколько значков.

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

 <link rel = "shortcut icon" href = "firstFavicon" />
 <link rel = "shortcut icon" href = "fallbackFavicon" /> 
 <link rel = "shortcut icon" href = "firstFavicon" />

Но в одном случае это не выбор firstFavicon в Chrome, Edge и Safari. firstFavicon - это файл .ico размером 256 * 256, резервный значок - .ico размером 48 * 48.

Не могли бы вы описать свой вариант использования? Почему первый значок может быть недоступен?

philippe_b 30.03.2021 16:22

значок причины недоступен, потому что я создаю этот значок во время выполнения .. <domain-root> /favicon.ico. Значок запасного варианта всегда будет присутствовать там, кстати.

Ritesh Kumar 31.03.2021 15:29

Было бы более элегантно обрабатывать эту ситуацию на стороне сервера, возвращая «лучший» доступный значок (тот, который сгенерирован во время выполнения, из значка по умолчанию). Но я понимаю, что это не всегда возможно и удобно. О вашем растворе: хотя выглядит правильным, оно хрупкое. Вам необходимо протестировать его во всех основных браузерах и ОС. И это может когда-нибудь измениться ... Решение, о котором я думаю, - применить значок по умолчанию и использовать JS, чтобы изменить его на лучший, только если он доступен. Тяжело, но должно работать. Например, см. stackoverflow.com/questions/260857/…

philippe_b 01.04.2021 16:15

да, чтобы проверить, присутствует ли значок домена или нет, мне нужно выполнить запрос GET, чтобы проверить, что увеличит задержку страницы :-(

Ritesh Kumar 02.04.2021 07:21
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
4
16
0

Другие вопросы по теме