Voir la source de Progressive web application

'''Progressive web application''' ou '''PWA''' est une application web avec sa propre fenêtre.

== Généralité ==
* {{Wikipédia|Progressive web app}}

== Exemple ==
* https://phpage.fr/pwa/ct
* https://phpage.fr/pwa/sw

== Organisation ==
Les fichiers suivants constituent l'application :
* <code>index.htm</code> : fichier principal
* <code>manifest.json</code> : contient les informations pour l'installation en tant qu'application
* <code>screen.css</code> : feuille de style
* <code>script.js</code> : script en JavaScript pour la partie dynamique de l'application
* <code>sw.js</code> : service-worker

=== manifest.json ===
Exemple de fichier <code>manifest.json</code>
<source lang="json">
{
  "lang": "fr-fr",
  "name": "SW",
  "short_name": "SWsn",
  "description": "Test de Service-Worker",
  "start_url": "./",
  "background_color": "#aaaaaa",
  "theme_color": "#f3d58",
  "orientation": "any",
  "display": "browser",
  "icons": [
		{
			"src": "./icon512.png",
			"sizes": "512x512"
		}
	]
}
</source>

{| class="wikitable"
|-
! Option !! Valeur !! Résultat !! Commentaire
|-
| rowspan="4" |  <code>display:</code>
| <code>browser</code>
| Comportement classique (barre d'adresse, onglets...)
|-
| <code>minimal-ui</code> || Barre d'adresse minimale, pas d'onglets ||
|-
| <code>standalone</code> || Fenêtre propre, sans chrome navigateur ||
|-
| <code>fullscreen</code> || Plein écran, sans aucune interface système ||
|}

== Voir aussi ==
* [[HTA]] ;
* [[Electron]].

[[Catégorie:Logiciel]]
[[Catégorie:Programmation]]