Блог

Я разрабатываю PWA и размещаю его на Firebase. Проблема в том, что при развертывании в Firebase приложение ведет себя по-разному в зависимости от способа доступа к нему.

Разные способы доступа к нему и их результат:

1. Из браузера Chrome в Windows. Ведет себя так, как ожидалось, корректно отображая все страницы.

2. Из браузера Chrome на Android. Ведет себя так, как ожидалось, за исключением одной страницы, не загружающей содержимое из базы данных. (Эти данные загружаются с другой страницы).

3. Из браузера Chrome на Android с установленным приложением и открытием установленного приложения из трех точек Chrome, а затем «Открыть приложение». Ведет себя как пример 2, просто запускается как приложение (без URL вверху и т. Д.).

4. С помощью значка на рабочем столе на устройстве Android. Показывает экран-заставку, а затем показывает содержимое json файла манифеста ?.

Это мой файл manifest.json:

 {
    "name": "Smart Sockets",
    "short_name": "SmartSockets",
    "start_url": "./index.html",
    "display": "standalone",
    "background_color": "#BBDEFB",
    "theme_color": "#BBDEFB",
    "orientation": "portrait-primary",
    "icons": [{
            "src": "/img/icons/Artboard-72.jpg",
            "type": "image/png",
            "sizes": "72x72"
        }
    ]
}
  

Это мой файл firebase.json.

 {
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}
  

Я попытался установить «start_ul» на «/», «», «./index.html «, те же результаты.
И я пробовал очищать кэширование во всех разных сценариях, и это не приводит к различиям.

Что может быть причиной такого разного поведения?

У меня была та же проблема. После долгих усилий я попробовал использовать другое мобильное устройство, и это сработало. Я удалил все файлы cookie и сохраненные данные для сайта, удалил PWA и попробовал еще раз, и это сработало.