Какие особенности чаще всего возникают при работе с Safari?

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

Особенности CSS

При работе со стилями часто возникают следующие проблемы:

• нестабильное поведение flexbox и grid в сложных layout

• отличия в расчётах height, min-height и vh

• особенности работы position: sticky

• различия в дефолтных стилях элементов

Особенности JavaScript

В JavaScript чаще всего сталкиваются с:

• задержкой поддержки новых API

• отличиями в работе Date, Intl, IntersectionObserver

• проблемами с requestAnimationFrame

• ограничениями WebKit в оптимизациях

Мобильный Safari

Особенно много нюансов связано с iOS:

• адресная строка влияет на 100vh

• ограниченный доступ к системным API

• строгие правила автоплея медиа

• особенности обработки touch-событий

Инструменты отладки

Отладка Safari сложнее, потому что:

• DevTools менее функциональны

• удалённая отладка iOS требует macOS

• воспроизведение багов может быть нестабильным

Практические рекомендации

На практике обычно:

• тестируют Safari отдельно

• избегают edge-case CSS-решений

• используют проверенные polyfill

• закладывают время на Safari-фиксы

Краткий вывод

Safari требует отдельного внимания из-за особенностей WebKit и iOS, и его поведение нужно учитывать на этапе проектирования интерфейса.