Safari Създаване на съвместимо уеб съдържание, Apple, Xcode разработчик
Създайте съвместимо уеб съдържание
Този раздел обхваща най-добрите практики за създаване на уеб съдържание, което е съвместимо със Safari на настолен компютър и Safari на iOS. Много от тези принципи просто подобряват надеждността, производителността, външния вид и използваемостта на уеб страница и на двете платформи. Ако iOS е вашата цел, първата стъпка е да накарате вашето уеб съдържание да работи добре на настолен компютър. Ако целта ви е настолен компютър, с минимални промени можете да накарате вашето уеб съдържание да изглежда добре и да работи добре и на iOS.
Използване на стандарти
Първото правило за проектиране е използването на уеб стандарти. Базираните на стандарти за уеб разработка практики осигуряват най-последователното представяне и функционалност във всички съвременни браузъри, включително Safari. Един добре направен сайт вероятно ще се нуждае само от няколко настройки, за да изглежда и работи добре в Safari.
Механизмът WebKit, използван от Safari на настолен компютър и Safari на iOS, поддържа всички най-нови уеб стандарти, включително:
Избягвайте рамките
Опитайте се да избягвате използването на сложни рамки, които разчитат на възможността за превъртане на отделни рамки, тъй като в iOS няма ленти за превъртане.
Използвайте колони и блокове
За съвместимост с iOS използвайте колони и блокове, когато оформяте уеб страница, като много онлайн вестници. Това прави вашия сайт по-лесен за четене и работи по-добре с двойно докосване в iOS.
Когато потребител щракне двукратно върху уеб страница, Safari на iOS преглежда елемента, върху който е щракнато два пъти, и намира най-близкия блок (дефиниран от елемента, като напр.
,-
,
-
и
Имайте предвид ограниченията на ресурсите на iOS
Поради ограничението на паметта, налично в iOS, има ограничения за количеството ресурси, които може да обработва:
-
Максималният размер на декодирано GIF, PNG и TIFF изображение е 3 мегапиксела за устройства с по-малко от 256MB RAM и 5 мегапиксела за устройства с 256MB RAM по-голяма или равна на.
Тоест, уверете се, че ширина * височина ≤ 3 * 1024 * 1024 за устройства с по-малко от 256 MB RAM. Не забравяйте, че декодираният размер е много по-голям от размера на кодираното изображение.
Максималният декодиран размер за JPEG е 32 мегапиксела, като се използва субсемплиране.
JPEG изображение може да бъде до 32 мегапиксела поради субсемплиране, което позволява JPEG изображението да бъде декодирано до размер, който е една шестнадесета от броя на пикселите. JPEG изображение, по-голямо от 2 мегапиксела, използва субсемплиране, т.е. то се декодира в намален размер. Намаляването на JPEG позволява на потребителя да гледа изображения от най-новите цифрови фотоапарати.
Максималният размер на елемент на платното е 3 мегапиксела за устройства с по-малко от 256 MB RAM и 5 мегапиксела за устройства с 256 MB RAM, по-големи или равни на.
Височината и ширината на обекта на платното е 150 x 300 пиксела, освен ако не е посочено.
Ако вашият скрипт работи повече от 10 секунди, Safari на iOS спира изпълнението на скрипта на произволно място във вашия код,така че може да доведе до непредвидени последици.
Освен това е необходимо размерът на изображението да съответства на изображението. Не разчитайте на мащабиране на браузъра. Например, не поставяйте изображение с размери 100 x 100 в елемент с размери 10 x 10. Използвайте плочки от малки фонови изображения, не използвайте големи фонови изображения.
Използвайте прозорци и диалогови прозорци, поддържани от Safari на iOS, и избягвайте други.
Използвайте поддържани типове съдържание и функции на iOS
Използвайте платно за векторна графика и анимация
Можете да използвате същия обект на платното, който използват изпълнимите модули на таблото за управление, за да реализирате сложни потребителски интерфейси за уеб приложения. Обектът canvas беше въведен в Safari 2.0, приема се от други браузъри и е част от спецификацията WHATWG.
Използвайте HTML5 аудио и видео елементи
Използвайте поддържаните MIME типове Rich Media за iOS
Списък с медийни MIME типове, поддържани от Safari на iOS. Файлове с тези типове MIME и файлови разширения могат да се възпроизвеждат на iOS.
| аудио/3gpp | 3GPP медия | 3gp, 3gpp |
| аудио/3gpp2 | 3GPP2 медия | 3g2, 3gp2 |
| аудио/aiff |
Не използвайте неподдържани iOS технологии
По принцип плъгини или функции на трети страни, които изискват достъп до файловата система, не се поддържат в iOS Safari. Следните уеб технологии не се поддържат на iOS:
Събития при задържане на мишката
Потребителят не може да повдигне събитието за преместване на курсора върху елемент без възможност за кликване в iOS. Елементът трябва да може да се кликва, за да се случи събитието с преместване на мишката.
Стилове на курсора
Тъй като събитието mouseover се изпраща преди събитието mousedown, стиловете на задържане се показват само когато потребителят докосне елементите на курсора на курсора на мишката.
Точно като интерактивните елементи при задържане на мишката показват подсказката само когато бъдат докоснати.
Safari на iOS не е миниатюрен уеб браузър, това е пълнофункционален уеб браузър, който изобразява страниците, както са проектирани - така че Safari на iOS няма нужда от поддръжка на Wireless Markup Language (WML). Освен това поддържа XHTMLмобилен профил на типове документи и сайтове в .mobi домейни.
Тип XHTML мобилен документ:
Safari на iOS поддържа възможността за качване на файлове, тоест елементи - на IOS 6 и по-нови версии.
Не подканвайте потребителя да изтегля добавки като Flash на iOS.
По подразбиране Safari на iOS блокира изскачащи прозорци. Потребителят обаче може да промени това в настройките. За да промените настройките на Safari, щракнете върху Настройки, след това върху Safari. Блокирането на изскачащи прозорци ще бъде активирано в секцията Сигурност.