Open
Description
🚀 Feature request
Command (mark with an x)
- new
- build
- serve
- test
- e2e
- generate
- add
- update
- lint
- extract-i18n
- run
- config
- help
- version
- doc
Description
Adding PWA functionality using the provided schematic will already generate an example manifest file and icons linked in it.
Using a PWA on iOS will evaluate special <link>/<meta> tags for things such as Splashscreen or Statusbar customization.
Some details can be found here:
https://appsco.pe/developer/splash-screens
This necessary tags should be generated by the schematic by default or at least by providing an option like --ios.
Describe the solution you'd like
Generate example spalshscreen for iOS and link it in index.html when an option --ios is set:
ng add @angular/pwa --iosThis will cause:
- Add Default Splashscreen in
src/assets/splashscreen-ios.png - Modify
index.html:
<!doctype html>
<html lang="en">
<head>
...
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-startup-image" href="assets/splashscreen-ios.png">
<link rel="apple-touch-icon" href="assets/icons/icon-512x512.png">
</head>
...
</html>