Облегчение жизни пользователю Safari на iPhone

[bungu]

Спасибо за статью, вполне реализуемо, главное что быстро и универсально

[Peregrinus]

На страницы с такой адаптацией лучше отдельные ссылки давать как на версию для IPhone или оно и на компьютерных браузерах хорошо смотрится?

[Ueasley]

Какая разница, в обычные компьютерные браузеры автоматически грузится версия без адаптации.

А вот другие недостатки отсутствия адресного разделения между версиями, наверняка, есть (тут чуть подумать надо).

[Isis]

Андроид?
if(strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPod') || strstr($_SERVER['HTTP_USER_AGENT'], 'Android'))

[Isis]

Не увидел, простите

[polyakov_andrey]

Ничего, бывает =)

[betaboy]

Интересно, спасибо!

[hmelyoff]

можно еще упомянть о «black-translucent» значении для apple-mobile-web-app-status-bar-style

[Maxima]

iPhone зарядить бы :-)

[ernt]

Страницы в масштабе 1:1 заряжают iPhone на 5%, а чёрный статусбар вместо обычного отнимает 2%. Если буду верстать сайты под айфон, учту :)

[polyakov_andrey]

Все верно, правда при отключенном вай фай, в режиме черного статусбара отнимается не 2 а 1% зарядки =)

[foxyovovich]

«это сделано для большей наглядности, а не с целью пиара .»

отрицание пиара — тоже пиар)

а за статью спасибо!

[polyakov_andrey]

тоже верно, хотя это не было основной целью. просто подходящих иллюстраций для статьи не было под рукой.

[Sho]

А вот на второстепенных страницах появляется кнопка домой, это автоматом?

[polyakov_andrey]

да

[XAMelleOH]

Вообще-то строка

<meta content=«width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;» name=«viewport» />

Делает и 2) и 3) пункты одновременно и просто.

[polyakov_andrey]

второй пункт делает все вместе. а третий, как я писал «при этом, в отличии от предыдущего тега, возможно выполнение pinch zoom».

[XAMelleOH]

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

Никакого стандарта нету что блики добавляются, просто по умолчанию так делается.

[polyakov_andrey]

я это и имел ввиду

[XAMelleOH]

— Почему у Вас в лендскейп режиме все так страшно увеличивается в масштабе?
— Глюки в названиях длинных песен — строки друг-на-друга вылазят
— Длинный хедер залазит под кнопку Домой
— зачем такое большое Лого? и так экрана не хватает
— аяксик бы… и слайдинг экранов, как в нативных приложениях…

— на основном сайте строка «Сделано с любовью и в соответствии с стандартами W3C | XHTML CSSРезиденция Повелителя Желе [e-mail]» — врет :)

[polyakov_andrey]

Сайт еще в периоде тестирования и доработки, постепенно все профиксим, спасибо за критику!

[XAMelleOH]

Пожалуйста.

[XA0C]

Спасибо за статью, но, просмотрев несколько таких вот адаптированных сайтов, мне совершенно не хочется на них заходить. Причина простая, сайты адаптированы для iPhone только поверхностно, при все этом, базовые и привычные элементы интерфейса iPhone используются в большинстве своем совершенно не по их прямому назначению. Для меня, например, как для обычного пользователя, сразу теряется авторитет и доверие к сайту, создается впечатление, что он некачественный. Нужно следовать требованиям и рекоммендациям по интерфейсу от apple — iPhone Human Interface Guidelines и другим…

[polyakov_andrey]

До этого не был ознакомлен с iPhone Human Interface Guidelines, после ознакомления многие ошибки, думаю исправлю

[Dmitry_f]

Как я понял, вы загрузочное изображение используете как сплэш-скрин, но это противоречит с гидлайнами IPhone Human interface:

It’s important to emphasize that the reason to supply a launch image is to improve user experience; it is not an opportunity to provide:
An “application entry experience,” such as a splash screen
...

Назначение этого изображения — сокращение восприятия времени загрузки приложения, оно должно быть максимально неброским. У вас получилось скорее наоборот.

Launch Images — из iPhone Human interface guidelines

[polyakov_andrey]

Хм, спасибо за ссылку, я ознакомлюсь

[Troppus]

Отличная статья! Спасибо! В избранное!

[z0rg]

то что показали людям фишки сафари это хорошо
но это называется не «облегчение жизни пользователей safari»
все это и много чего другого интересного задокументировано на страничке Центра Разработки
developer.apple.com/safari/library/navigation/index.html

А также демо developer.apple.com/safari/library/navigation/index.html#section=Resource+Types&topic=Sample+Code

[lol2Fast4U]

jQTouch делает _все_ это автоматически.

[alexfg]

На android 1.5 ваш сайт z-music как работал коряво так и работает. Между тем как demo.iwebkit.net работает отлично.

[Mithgol]

Все эти сведения и раньше встречались во блогосфере, но вот наконец они систематизированы и кратко, и чётко.

[Aldekein]

Не сталкивались с проблемой, что ссылки (даже внутренние, по сайту) почему-то открываются в Safari?..

[polyakov_andrey]

Только на ссылки которые вели на медиа файлы. покажите сайт с такой проблемой

[Aldekein]

www.mobilesentry.net/ с айфона.
Добавляю на рабочий стол, появляется иконочка, все красиво.

Логинюсь, к примеру с мылом «[e-mail]» и паролем «a» (английская буква а).

Потом нажать на logout (

<a href="?logout=true">logout</a>

)… Открывается Safari.

[polyakov_andrey]

Перерыл пол свйта и наконец-то понял.

<script src="/js/functions_iphone.js" type="text/javascript"></script>

* This source code was highlighted with Source Code Highlighter.

в раздел Head добавьте, сам фаил можно взять у меня на сайте
z-music.ru/js/functions_iphone.js

проблем с открытием сафари больше не будет

[Aldekein]

Добавил, помогло!
Спасибо огромное! =)

[Kogol]

А сделать так, чтобы медиафайлы (аудио-поток) открывались в том же «приложении», без запуска сафари возможно?

[Kogol]

И ещё вопрос — можно ли сделать так, чтобы приложение запоминало своё состояние, а не загружалось заново каждый раз после открытия?

[nayjest]

Скажите, а можно делать приложения на html+js для распространения через AppStore?
Или для этого нужно обязательно создавать приложение-заглушку, которое отображает все через компонент браузера?
Слышал, есть какой-то фреймворк для конвертирования html+js в iPhone applicaton.
Буду благодарен за любую информацию / ссылки кроме гугла :)

[nayjest]

Нашел вот какой-то phoneGap, но пока детально не разбирался, что он собой представляет

[alexunder]

Добавлю лишь, что сейчас при определении «iphone — не iphone» нужно помнить, что есть Opera под iphone, которая возвращает следующее:

$_SERVER['HTTP_USER_AGENT'] =
Opera/9.80 (iPhone; Opera Mini/5.0.019802/20.2463; U; en) Presto/2.5.25

iPhone тот же, браузер другой.

[aTei]

Вопрос немного не по теме:
Наличие стрелочки справа у ссылок — это общие рекомендации по оформлению или автоматическое действие? Подскажите в каком направлении копать.