Как мне присвоить моим веб-сайтам значок для iPhone?
-
08-06-2019 - |
Вопрос
Как мне установить значок, который будет правильно отображаться на iPhone
для веб-сайтов, которые я создал?
Решение 3
Смотрите на Указание значка веб-страницы для веб-клипа раздел программы Настройка веб-приложений страница из Руководство по веб-контенту Safari в Справочная библиотека Safari...
Указание значка веб-страницы для веб-клипа
Примечание к операционной системе iPhone: Функция веб-клипа доступна в iPhone OS 1.1.3 и более поздних версиях.Тот Самый
apple-touch-icon-precomposed.png
имя файла доступно в iPhone OS 2.0 и более поздних версиях.Возможно, вы захотите, чтобы пользователи могли добавлять ссылку на ваше веб-приложение или веб-страницу на начальный экран.Эти ссылки, обозначается значком, под названием Web Клипы.Выполните следующие простые действия, чтобы указать значок для представления вашего веб-приложения или веб-страницы в iPhone OS.
Чтобы указать значок для всего веб-сайта (каждой страницы веб-сайта), поместите файл значка в формате PNG в корневую папку с документами под названием
apple-touch-icon.png
илиapple-touch-icon-precomposed.png
.Если вы используетеapple-touch-icon-precomposed.png
как имя файла, Safari в iPhone OS не добавит никаких эффектов к значку.Чтобы указать значок для отдельной веб-страницы или заменить значок веб-сайта значком для конкретной веб-страницы, добавьте на веб-страницу элемент link, как в:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
В приведенном выше примере заменитеcustom_icon.png
с вашим значком имя файла.Если вы не хотите, чтобы Safari в iPhone OS добавляла какие-либо эффекты к значку , заменитеapple-touch-icon
сapple-touch-icon-precomposed
.Видишь "Создайте значок для Вашего веб-приложения или веб-страницы" в Рекомендации по пользовательскому интерфейсу iPhone для веб-приложений для метрик значков веб-страниц.
Другие советы
И для полноты картины, ссылка на публикацию Скотта Хансельмана, которая также содержит несколько дополнительных советов:
Добавьте значки iPhone на главном экране и настройте область просмотра
Со страницы Руководства по веб-контенту Apple Developer Connection Safari для iPhone Указание значка веб-страницы для веб-клипа...
Пользователь может добавить веб-приложение или ссылку на веб-страницу на начальном экране.Эти ссылки, представленные значком, называются веб-клипами.Выполните следующие простые действия , чтобы указать значок для представления вашего веб-приложения или веб-страницы на iPhone.
Чтобы указать значок для всего веб-сайта (каждой страницы на веб-сайте), поместите файл значка в формате PNG в корневую папку документов под названием apple-touch-icon.png.
Чтобы указать значок для одной веб-страницы или заменить значок веб-сайта значком для конкретной веб-страницы, добавьте на веб-страницу элемент link, как в:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
В приведенном выше примере замените custom_icon.png на свой значок имя файла.
В разделе "создать значок для вашего веб Приложения или веб-страницы" в iPhone Принципы пользовательского интерфейса, в iPhone Методические рекомендации по управлению интерфейс веб-страницы показатели значок.
Примечание:Функция веб-клипа доступна в iPhone 1.1.3 и более поздних версиях.
Добавьте это в раздел "Ваша голова":<link rel="icon" href="/your-icon-url"/>
Я высказал предположение, что Stack Overflow реализует apple-touch-icon: