Я столкнулся с проблемой, которая отключает мое приложение PWA, встроенное в Angular, на некоторых устройствах Android (что, я думаю).Поля ввода становятся недоступными, когда пользователь переходит в автономный режим, а также не отображаются кэшированные данные (если они действительно хранятся).
Но когда я пытаюсь сделать это на каком-то iPhone или даже на новом устройстве Android, этоработает правильно.Я прикрепил несколько отпечатков (Android 7.0 работает в сети / не работает в автономном режиме и на iPhone работает нормально в автономном режиме).Работник сервиса в Google Chrome DevTools также работает как в сети, так и в автономном режиме.
Это несовместимость версий Android?Если да, есть ли способ заставить его работать на старых устройствах / версиях Android?
Код GitHub: https://github.com/paulotokarskiglinski/fullstack-pedidosЖивая версия: https://fullstack -pedidos.herokuapp.com / Манифест (manifest.json):
{
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**",
"/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
]
}
}
],
"dataGroups": [
{
"name": "clientes-api",
"urls": ["https://fullstack-pedidos.herokuapp.com/clientes"],
"cacheConfig": {
"strategy": "freshness",
"maxSize": 100,
"maxAge": "1h",
"timeout": "5s"
}
},
{
"name": "pedidos-api",
"urls": ["https://fullstack-pedidos.herokuapp.com/pedidos"],
"cacheConfig": {
"strategy": "freshness",
"maxSize": 100,
"maxAge": "1h",
"timeout": "5s"
}
},
{
"name": "produtos-api",
"urls": ["https://fullstack-pedidos.herokuapp.com/produtos"],
"cacheConfig": {
"strategy": "freshness",
"maxSize": 100,
"maxAge": "1h",
"timeout": "5s"
}
}
]
}
Зависимости (package.json):
[...]
"dependencies": {
"@angular/animations": "^6.1.0",
"@angular/common": "^6.1.0",
"@angular/compiler": "^6.1.0",
"@angular/core": "^6.1.0",
"@angular/forms": "^6.1.0",
"@angular/http": "^6.1.0",
"@angular/platform-browser": "^6.1.0",
"@angular/platform-browser-dynamic": "^6.1.0",
"@angular/pwa": "^0.12.4",
"@angular/router": "^6.1.0",
"@angular/service-worker": "^6.1.0",
"cookie-parser": "~1.4.3",
"core-js": "^2.5.4",
"debug": "~2.6.9",
"ejs": "~2.5.7",
"express": "~4.16.0",
"http-errors": "~1.6.2",
"mongoose": "^5.3.14",
"morgan": "~1.9.0",
"rxjs": "~6.2.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.9",
"@angular/cli": "^7.3.9",
"@angular/compiler-cli": "^7.2.8",
"@angular/language-service": "^6.1.0",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.3.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.0.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "^3.2.4",
"webpack-dev-server": "^3.2.1"
}
[...]
После печати:
![iPhone offline works](https://i.stack.imgur.com/z6n1Q.png)
Спасибо.