Список известного “Safari на iPad” различия о “Настольном Safari”
В недавнем тестировании веб-приложения на настольных браузерах Windows/Mac - и затем на iPad я заметил различные различия в Safari, который я не ожидал. даже при том, что версия # является тем же.
Я хотел бы составить список тех различий (для меня и других), чтобы иметь как ссылка разработчика.
например, в Safari на iPad
- Safari iPad берет на себя полное управление Списка выборки / моделирование опции
- iPad открывает экранную клавиатуру, когда входной элемент получает фокус, таким образом встроенные плавающие календарные виджеты (и т.п.) не могут работать как ожидалось (или должен быть изменен),
- Safari iPad не поддерживает
position:fixedкак настольный Safari <iOS 5 - Safari iPad (подобный iPhone/iPodTouch Safari) автоматически гиперссылки 10 чисел цифры для предложения телефона #/contact опции
- Safari iPad
prompt('long message...','default');шоу только 1 строка сообщения (хотя это действительно обеспечивает прокрутку сообщения
Я получил известие от других, что определенный JavaScript не работает, и т.д. и т.д., но я должен все же полностью протестировать его таким образом, я был бы благодарен за любые исследования, что Вы, возможно, встретились.
4 ответа
Также похоже, что у iPad Safari есть проблемы с элементами с overflow: auto; , поэтому должны отображаться полосы прокрутки ( тестовая страница с div и iframe ).
Я подумал, что это может быть полезно: Руководство Apple по подготовке веб-контента для iPad
Просто меня уловила позиция: исправил проблему сам
Еще несколько:
- Нет Flash
- Плохая поддержка iFrame (поэтому facebook и т. Д. Требует специальной реализации для iPad)
- Странные ограничения кеширования
- HTML textAreas не имеет прокрутки bar (вам нужно провести пальцем двумя пальцами - что, конечно, на удивление интуитивно понятно)
В общем. Относитесь к нему как к увеличенному iPhone, а не к уменьшенному рабочему столу.
Safari на iPad имеет ту же проблему с шириной/отступом кнопки, что и на iPhone
iPhone описывает эту проблему и решение для удаления отступов на кнопке с текстом, но это не поможет вам, если вы хотите, чтобы кнопка была уже, чем сам отступ (например, для кнопки, на которой есть только маленький значок). Для этого мне пришлось окружить кнопку внешним элементом с определенной шириной и overflow: hidden вот так:
<span style="border: solid 1px blue; display: block; width: 16px; overflow: hidden">
<button style="-webkit-appearance: none; border-width: 0"> </button>
</span>
(синяя рамка показывает, где находится кнопка, это не критично для хака)