Список известных отличий «Safari на iPad» от «Desktop Safari»

Question

В недавнем тестировании веб-приложения в настольных браузерах Windows / Mac, а затем на iPad я заметил различные различия в Safari, которые я не ожидал.хотя версия # такая же.

Я хотел бы составить список этих различий (для себя и других), чтобы иметь в качестве справочника разработчика.

например, вSafari на iPad

• iPad Safari полностью контролирует стиль выбора списка / опции
• iPad открывает экранную клавиатуру, когда элемент ввода получает фокус, таким образом встроенные плавающие виджеты календаря(и т.п.) может не работать должным образом (или его необходимо изменить)
• iPad Safari не поддерживает position:fixed как настольное Safari
• iPad Safari (аналогично iPhone/ iPodTouch Safari) автоматически связывает 10-значные числа, чтобы предложить телефон # / параметры контакта
• iPad Safari prompt('long message...','default'); показывает только 1 строку сообщения (хотя и обеспечивает прокрутку сообщения

Я слышал от других, что определенный JavaScript не работает и т. Д. И т. Д., Но мне еще предстоит полностью его протестировать, поэтому я буду благодарен за любые открытия, с которыми вы могли столкнуться.

Answer 1

Проблемы с кадром. iPad Safari будет скрывать полосы прокрутки и расширять фреймы до размера их содержимого. Изменение тега фрейма для включения scrolling="yes" и noresize="noresize", похоже, ничего не дает. Некоторые сайты отлично смотрятся на всем, даже на браузере Dreamcast, но не на iPad. Эту проблему можно решить с помощью таблиц и фреймов вместо обычного набора фреймов (столбцы и строки и т. Д.).

Answer 2

В настоящее время я работаю над небольшим адаптивным веб-приложением, которое интенсивно использует API-интерфейс iframe youtube. По-видимому, ipad-версия safari не поддерживает несколько методов html5, которые я интенсивно использую в этом проекте.

Одним из них является window.postMessage, который является способом взаимодействия со сценариями на других страницах, например сценарием, который используется «внутри» этого iframe. Автозапуск видео также не работает.

Answer 3

24-битные прозрачные PNGS над определенным размером файла не отображаются на iPad2.
Однако я могу получить 8-битные с одинаковыми размерами для визуализации.
Я не узнал, что это за максимальный файлРазмер для того, чтобы заставить их визуализировать.

Answer 4

Это правило исправляет мерцание анимации в Safari на устройствах iOS:

body {-webkit-transform:translate3d(0,0,0);}

Answer 5

Кажется, есть ошибка в iPad Safari, когда элемент CSS с фоновым изображением и цветом фона отображается с небольшой границей в цвете фона. Он должен заполняться фоновым изображением вплоть до края визуализируемого элемента.

Answer 6

position: fixed; 

Не работает в iOS 4, но работает в iOS 5.

Answer 7

Я также обнаружил, что contenteditable не поддерживается в мобильном сафари, поэтому лучше использовать простой textarea. Документы для разработчиков Apple