При повороте экрана iOS веб-приложение меняет область просмотра и вылетает
Я создал мобильную веб-игру и использую функцию "Добавить на домашний экран", чтобы пользователи могли добавить ее в качестве приложения на свои устройства iOS.
Однако в последнее время он начал работать со сбоями. Это всегда работало без проблем, но начало действовать, возможно, после обновления iOS 8.3. Это код в моей голове, который не был изменен в последнее время, поэтому не должно быть проблемой:
<meta name="viewport" content="width=590px, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Когда я попадаю на экран входа в систему, он работает без проблем, однако после входа в альбомную среду внезапно появляются поля слева и справа. Если я войду в портрет, нет никаких полей. Если я поворачиваю телефон из горизонтального положения с полями в портретный режим, он отображается нормально, если я поворачиваю его обратно, поля неожиданно сильно увеличиваются, и если я затем пытаюсь повернуть устройство снова, оно вылетает.
Я взял несколько экранов, чтобы показать проблему:
- http://i.imgur.com/o2Jr8af.png
- http://i.imgur.com/Q6ZOXuj.png
- http://i.imgur.com/7bGoc42.png
- http://i.imgur.com/Mh8hsml.png
После этого последнего скриншота веб-приложение просто падает. Такое поведение проявляется только в веб-приложении, если я получаю доступ к игре через Safari, мое приложение для Android (которое загружает веб-сайт в WebView) или рабочий стол с имитированным пользовательским агентом, который веб-сайт функционирует правильно.
Я попытался удалить веб-приложение, перезагрузить телефон и добавить его обратно на домашний экран, но безрезультатно. Сначала я догадался, что это проблема с кэшированием, но затем ее нужно было решить после правильного просмотра веб-сайта в Safari.
Для тех, кто хочет попробовать себя, игра www.reincarnationgame.com