Как мне дать моим веб-сайтам значок для iPhone? - PullRequest
25 голосов
/ 04 августа 2008

Как установить значок, который появляется на iPhone для веб-сайтов, которые я создаю?

Ответы [ 5 ]

8 голосов
/ 04 августа 2008

А для полноты, ссылка на пост Скотта Хансельмана, который также содержит некоторые дополнительные советы:

Добавление значков iPhone на главный экран и настройка порта просмотра

5 голосов
/ 04 августа 2008

Из руководства по веб-контенту Safari для Apple Developer Connection для страницы iPhone Указание значка веб-страницы для веб-клипа ...

Пользователь может добавить веб-приложение или ссылка на веб-страницу на главном экране. Эти ссылки, представленные значком, являются называется веб-клипы. Следуйте этим простым шаги, чтобы указать значок для представления Ваше веб-приложение или веб-страница на iPhone.

Чтобы указать значок для всего сайт (каждая страница на сайте), поместите файл значка в формате PNG в корневая папка документов называется яблоко-сенсорный icon.png.

Чтобы указать значок для одного веб-страницу или замените значок веб-сайта со значком веб-страницы, добавить ссылка на веб-страницу, как в:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

В приведенном выше примере заменить custom_icon.png с вашей иконкой имя файла.

См. «Создание иконки для вашего Интернета». Приложение или веб-страница "в iPhone Руководство по интерфейсу пользователя в iPhone Руководство по интерфейсу пользователя для веб-страницы метрики значков.

Примечание: функция веб-клипа доступно в iPhone 1.1.3 и более поздних версиях.

4 голосов
/ 18 августа 2010

См. Указание значка веб-страницы для веб-клипа раздела Настройка веб-приложений страницы Руководство по веб-контенту Safari в Справочная библиотека Safari ...

Указание значка веб-страницы для веб-клипа

Примечание для iPhone OS: Функция Web Clip доступно в iPhone OS 1.1.3 и потом. apple-touch-icon-precomposed.png имя файла доступно в iPhone OS 2.0 и позже.

Возможно, вы захотите, чтобы пользователи могли добавлять ваше веб-приложение или ссылка на веб-страницу на домашний экран. Эти ссылки, представлены значком, называются веб Клипы. Следуйте этим простым шагам, чтобы укажите значок для представления вашего веба приложение или веб-страница на iPhone OS.

  • Чтобы указать значок для всего сайт (каждая страница на сайте), поместите файл значка в формате PNG в корневая папка документов называется apple-touch-icon.png или apple-touch-icon-precomposed.png. Если ты используешь apple-touch-icon-precomposed.png как имя файла, Safari на iPhone OS не добавит никаких эффектов к значку.

  • Чтобы указать значок для одного веб-страница или заменить значок веб-сайта со значком веб-страницы, добавить элемент ссылки на веб-страницу, например:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    В приведенном выше примере заменить custom_icon.png с вашим значком имя файла. Если вы не хотите Safari на iPhone OS, чтобы добавить любые эффекты к значок, замените apple-touch-icon на apple-touch-icon-precomposed.

См. «Создание значка для веб-приложения или веб-страницы» в Рекомендации по интерфейсу iPhone для веб-приложений для метрик значков веб-страницы.

2 голосов
/ 07 июня 2017

Добавьте это в ваш головной раздел: <link rel="icon" href="/your-icon-url"/>

1 голос
/ 04 августа 2008

Я высказал предположение, что в Stack Overflow реализована иконка apple-touch:

Добавление сенсорного значка яблока для Safari на iPhone

...