Как мне дать моим веб-сайтам значок для iPhone?
7153 просмотра
5 ответа
Как настроить значок, который отображается на iPhone
веб-сайтах, которые я создаю?
Ответы (5)
8 плюса
И для полноты, ссылка на публикацию Скотта Хансельмана, которая также содержит некоторые дополнительные советы:
Добавляем значки iPhone на домашний экран и настраиваем ViewPort
Автор: Michael Stum Размещён: 04.08.2008 07:065 плюса
Из страницы руководства для веб-материалов Safari по Apple Developer Connection для iPhone Указание значка веб-страницы для веб-клипа ...
Автор: Zack Peterson Размещён: 04.08.2008 07:04Пользователь может добавить веб-приложение или ссылку на веб-страницу на главный экран. Эти ссылки, представленные значком, называются веб-клипами. Выполните следующие простые шаги, чтобы указать значок для представления вашего веб-приложения или веб-страницы на iPhone.
Чтобы указать значок для всего веб-сайта (каждой страницы веб-сайта), поместите файл значка в формате PNG в корневую папку документов с именем apple-touch-icon.png.
Чтобы указать значок для отдельной веб-страницы или заменить значок веб-сайта значком для веб-страницы, добавьте элемент ссылки на веб-страницу, как показано в:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
В приведенном выше примере замените custom_icon.png на имя файла вашего значка.
См. «Создание значка для вашего веб-приложения или веб-страницы» в Руководстве по интерфейсу пользователя iPhone в Руководстве по интерфейсу пользователя iPhone для метрик значка веб-страницы.
Примечание. Функция веб-клипа доступна в iPhone 1.1.3 и более поздних версиях.
4 плюса
См. Раздел « Указание значка веб-страницы для веб-клипа » на странице « Настройка веб-приложений» в Руководстве по веб-контенту Safari в Справочной библиотеке Safari ...
Автор: Zack Peterson Размещён: 17.08.2010 09:24Указание значка веб-страницы для веб-клипа
Примечание для iPhone OS: функция «Веб-клип» доступна в 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 плюса
Добавьте это в свой головной раздел:<link rel="icon" href="/your-icon-url"/>
1 плюс
Я высказал предположение, что в Stack Overflow реализована иконка apple-touch:
Добавить значок Apple Touch для Safari на iPhone
Автор: Zack Peterson Размещён: 04.08.2008 07:13Вопросы из категории :
- html Определить часовой пояс пользователя
- html Как определить, какой из указанных шрифтов был использован на веб-странице?
- html Как мне дать моим веб-сайтам значок для iPhone?
- html Как отключить автозаполнение браузера в поле веб-формы / теге ввода?
- ios Приложение для iPhone в ландшафтном режиме, системы 2008
- ios Как программно отправить смс на айфон?
- ios Как я могу разработать для iPhone, используя машину для разработки Windows?
- iphone iPhone веб-приложения, шаблоны, рамки?
- iphone Приложение для iPhone, которое получает доступ к структуре Core Location через Интернет
- iphone Tips for a successful AppStore submission?
- favicon Динамическое изменение иконки сайта
- favicon Обслуживание favicon.ico в ASP.NET MVC
- favicon Как добавить картинку в адресную строку браузера при просмотре моей страницы?
- apple-touch-icon Значок Apple Touch для веб-сайтов
- apple-touch-icon Значок Apple Touch не отображается на главном экране
- apple-touch-icon Поддержка Apple Touch Icon SVG