Изменить цвет фона для прогрессивного веб-приложения

Question

У меня есть прогрессивное веб-приложение, которое можно добавить на главный экран. При нажатии на значок главного экрана (на мобильном телефоне) появляется (вид) приветствуемой страницы со значком, который появляется перед открытием фактического приложения.

Я установил цвет фона этого экрана приветствия, чтобы он был синим в menifest.json. Мне нужно сделать его коричневым. Я изменил файл menifest.json и обновил веб-сайт. Но мобильный, похоже, постоянно кэшировал его, и он по-прежнему демонстрирует синий цвет.

У меня есть обновленная страница много раз и несколько раз добавлена ​​веб-приложение на главный экран. Но он никогда не меняется.

Я также изменил имя кеша в service-worker.js. Но не повезло!

Answer 1

1. Вставьте в устройстве
2. визита хром: // осмотр
3. Осмотрите/вкладку устройства вы смотрите на ваш сайт
4. В Devtools перейти на вкладку Network
5. Выберите «Отключить кэш '
6. Обновите веб-приложение
7. Затем попробуйте добавить на главный экран

Если вы получили правильный цвет, это хороший индикатор того, что ваш предыдущий манифест был кеширован, и вы должны рассмотреть стратегию кэширования, либо переименовать файл manifest.json (т. manifest.12345.json) ИЛИ установите соответствующие заголовки.

Замечание: на Android нет способа обновить информацию о значке/манифестах после его добавления на рабочий стол - это известная проблема/ошибка.