vrr/max-crashed-pwa
2
0
Fork 0
mirror of https://github.com/ezh-off/max-crashed-pwa.git synced 2026-07-09 17:08:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
mirror of https://github.com/ezh-off/max-crashed-pwa https://maxerror.draftstack.dev
3 commits 1 branch 0 tags 978 KiB
Find a file
Exact
EZH OFF 70f1081a6c ✨ Добавлено автоматическое определение устройств iOS/Android 
- Автоматическое определение операционной системы по User Agent
- iOS-стиль модальных окон для iPhone/iPad (полупрозрачность, размытие)
- Android Material Design модальные окна для Android устройств
- Адаптивные сообщения об ошибках для каждой платформы
- Скрытое определение ОС без показа пользователю
- Обновлена документация с техническими деталями
2025-09-19 07:29:00 +03:00
icons Initial commit: MAX PWA app with crash simulation 2025-09-18 19:55:43 +03:00
.gitignore Initial commit: MAX PWA app with crash simulation 2025-09-18 19:55:43 +03:00
index.html ✨ Добавлено автоматическое определение устройств iOS/Android 2025-09-19 07:29:00 +03:00
manifest.json Initial commit: MAX PWA app with crash simulation 2025-09-18 19:55:43 +03:00
README.md ✨ Добавлено автоматическое определение устройств iOS/Android 2025-09-19 07:29:00 +03:00
sw.js Initial commit: MAX PWA app with crash simulation 2025-09-18 19:55:43 +03:00

README.md

MAX - PWA приложение

MAX Logo

📱 Описание

MAX - это Progressive Web App (PWA) приложение, имитирующее проблемное поведение мобильного приложения с различными типами ошибок и крашей.

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

  • Автоматическое определение устройства: Приложение автоматически определяет операционную систему (iOS/Android) и показывает соответствующий стиль ошибок
  • iOS-стиль модальных окон: Полупрозрачные окна с размытием в стиле iOS для iPhone и iPad
  • Android Material Design: Модальные окна в стиле Material Design для Android устройств
  • Адаптивные ошибки: Разные типы ошибок и сообщений для каждой платформы
  • PWA функциональность: Полноценное Progressive Web App с возможностью установки на главный экран

🚀 Установка

На iOS (iPhone/iPad):

  1. Откройте приложение в Safari
  2. Нажмите кнопку "Поделиться" (⎙)
  3. Выберите "На экран Домой"
  4. Подтвердите установку

На Android:

  1. Откройте приложение в Chrome
  2. Нажмите на предложение "Установить приложение"
  3. Подтвердите установку

🔧 Технические особенности

Определение устройств

Приложение использует User Agent для автоматического определения операционной системы:

  • iOS: Определяется по наличию iPad|iPhone|iPod в User Agent
  • Android: Определяется по наличию Android в User Agent
  • Desktop: Все остальные устройства (по умолчанию используется iOS-стиль)

Стили модальных окон

  • iOS: Полупрозрачный фон с backdrop-filter: blur(), закругления 14px, центрированный текст
  • Android: Material Design с тенями, закругления 8px, текст по левому краю, шрифт Roboto

Типы ошибок

Каждая платформа получает уникальные сообщения об ошибках:

  • iOS: "MAX перестал работать" с кодами ошибок в стиле Apple
  • Android: "MAX остановлен" с Java stack trace в стиле Android

Создано для демонстрации PWA технологий и симуляции проблемного поведения приложений.