Logo Projectlify

Comment installer une PWA -
Progressive Web Application?

Ces instructions expliquent comment installer une copie locale d’une progressive web application (PWA), vous permettant d’y accéder directement depuis votre appareil sans ouvrir un navigateur ou rechercher le domaine de l’application. Une fois installée, cliquez simplement sur l’icône pour ouvrir l’application et l’utiliser immédiatement.

Capture d’écran d’un iPhone
Explication

Qu’est-ce qu’une PWA - Progressive Web Application ?

Une progressive web application (PWA) est un site web téléchargeable sur votre appareil et utilisable comme une application. Bien qu’une PWA fonctionne comme une page web classique, l’installer offre certains avantages. Une PWA installée peut être utilisée sans connexion internet et apparaîtra aux côtés de vos autres applications pour un accès pratique. Le processus d’installation varie selon le système d’exploitation et le navigateur.

SAFARI

Processus d’installation sur mobile iOS

Une PWA ne peut être installée sur iOS qu’avec le navigateur Safari. Naviguez d’abord sur le site via Safari. Appuyez sur le bouton « Partager » et sélectionnez « Ajouter à l’écran d’accueil » dans la fenêtre contextuelle. Enfin, appuyez sur « Ajouter » en haut à droite pour terminer l’installation. Elle sera désormais sur votre écran d’accueil.

Capture mobile du site Projectlify sur iPhone avec le bouton Partager en bas au centre mis en évidence.Menu Partager iPhone étendu avec bouton 'Ajouter à l’écran d’accueil' mis en évidence.Vue ajout à l’écran d’accueil avec l’application Projectlify et le bouton 'Ajouter' mis en évidence

Captures d’écran montrant les étapes d’installation d’une PWA sur iOS

CHROME

Processus d’installation sur mobile Android

Le navigateur Chrome par défaut permet d’installer des PWAs sur Android. Naviguez sur le site via Chrome. Appuyez sur l’icône à trois points en haut à droite pour ouvrir le menu. Sélectionnez « Ajouter à l’écran d’accueil ». Appuyez sur « Ajouter » dans la fenêtre contextuelle. La PWA est maintenant installée et disponible sur votre écran d’accueil.

Capture mobile du site Projectlify sur un téléphone avec le bouton à 3 points en haut à droite mis en évidence.Menu Chrome étendu avec bouton 'Ajouter à l’écran d’accueil' mis en évidence.Vue ajout à l’écran d’accueil Android avec l’application Projectlify et le bouton 'Installer' mis en évidence

Captures d’écran montrant les étapes d’installation d’une PWA sur Android

PWA Desktop

Installation de PWA sur Windows et MacOS

Google Chrome et Microsoft Edge offrent actuellement le meilleur support pour les PWAs sur Windows et MacOS. Le processus est similaire pour les deux navigateurs. Naviguez vers le site à installer en tant que PWA. S’il s’agit d’une PWA, une icône apparaîtra à droite de la barre URL. Cliquez dessus puis sur le bouton 'Installer'. Vous pouvez également installer la PWA depuis le menu à trois points.


Sur Windows, la PWA sera disponible dans le menu démarrer. Sur Mac, elle sera dans le lanceur et dans Spotlight.

Google Chrome
Captures d’écran montrant les étapes d’installation d’une PWA sur le navigateur Google Chrome

Captures d’écran montrant les étapes d’installation d’une PWA sur le navigateur Google Chrome

Safari
Captures d’écran montrant les étapes d’installation d’une PWA sur le navigateur Safari

Captures d’écran montrant les étapes d’installation d’une PWA sur le navigateur Safari

Microsoft Edge
Captures d’écran montrant les étapes d’installation d’une PWA sur le navigateur Microsoft Edge

Captures d’écran montrant les étapes d’installation d’une PWA sur le navigateur Microsoft Edge