Как протестировать PWA на разных версиях Safari и Chrome без сюрпризов в проде

С PWA ломается не «вообще Safari», а конкретная связка: движок, экран, установка, кэш и оффлайн. Поэтому тестируй не один браузер, а набор сценариев: открытие из ссылки, первый визит, повторный заход, установка на экран и запуск без сети.

Для Safari отдельно проверь: манифест, иконки, splash, поведение service worker, сохранение сессии и работу формы после возврата из фонового режима. На iPhone важно смотреть не только в браузере, но и в режиме установленного приложения — там часто всплывают отличия в навигации и скролле.

В Chrome прогоняй сборку через обычный браузер и через установленное PWA-окно. Смотри, как ведут себя push, кэш ассетов, авторизация, deep link и очистка данных. Если есть A/B лендинги или редиректы, проверяй холодный старт: именно там чаще всего теряются события и ломается маршрут 🧪

Лучший порядок такой: сначала ручной чек на реальных устройствах, потом эмуляция разных экранов, затем тест оффлайна и перезагрузки. Если сценарий проходит только в десктопе, считай, что теста ещё не было.