« Progressive web application » : différence entre les versions
Page créée avec « '''Progressive web application''' ou '''PWA''' est une application web avec sa propre fenêtre. == Généralité == == 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... » |
|||
| (6 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 2 : | Ligne 2 : | ||
== Généralité == | == Généralité == | ||
* {{Wikipédia|Progressive web app}} | |||
== Exemple == | |||
* https://phpage.fr/pwa/ct | |||
* https://phpage.fr/pwa/sw | |||
== Organisation == | == Organisation == | ||
| Ligne 13 : | Ligne 18 : | ||
=== manifest.json === | === manifest.json === | ||
Exemple de fichier <code>manifest.json</code> | Exemple de fichier <code>manifest.json</code> | ||
<source> | <source lang="json"> | ||
{ | { | ||
"lang": "fr-fr", | "lang": "fr-fr", | ||
| Ligne 47 : | Ligne 52 : | ||
| <code>fullscreen</code> || Plein écran, sans aucune interface système || | | <code>fullscreen</code> || Plein écran, sans aucune interface système || | ||
|} | |} | ||
== Voir aussi == | |||
* [[HTA]] ; | |||
* [[Electron]]. | |||
[[Catégorie:Logiciel]] | |||
[[Catégorie:Programmation]] | |||
Dernière version du 21 octobre 2026 à 22:54
Progressive web application ou PWA est une application web avec sa propre fenêtre.
Généralité
- Progressive web app sur Wikipédia
Exemple
Organisation
Les fichiers suivants constituent l'application :
index.htm: fichier principalmanifest.json: contient les informations pour l'installation en tant qu'applicationscreen.css: feuille de stylescript.js: script en JavaScript pour la partie dynamique de l'applicationsw.js: service-worker
manifest.json
Exemple de fichier manifest.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"
}
]
}
| Option | Valeur | Résultat | Commentaire |
|---|---|---|---|
display:
|
browser
|
Comportement classique (barre d'adresse, onglets...) | |
minimal-ui |
Barre d'adresse minimale, pas d'onglets | ||
standalone |
Fenêtre propre, sans chrome navigateur | ||
fullscreen |
Plein écran, sans aucune interface système |
