Installe harvis.dev comme une application
harvis.dev fournit un manifeste web, donc ton navigateur peut l'installer comme n'importe quelle application — sa propre fenêtre, sa propre icône dans le dock ou sur l'écran d'accueil. Pas de store, pas d'installeur, aucune autorisation.
Ce que l'installation change
Sa propre fenêtre
Pas d'onglets, pas de barre d'adresse. L'outil d'envoi et ton tableau de bord s'ouvrent dans une fenêtre autonome, avec sa place dans le sélecteur d'applications.
Publier en un geste
Une icône dans le dock, la barre des tâches ou l'écran d'accueil. Ouvre, dépose un dossier, et le site est en ligne avant que la fenêtre ait fini de s'installer.
Rien à télécharger
C'est le site que tu lis en ce moment — l'installation ajoute juste l'icône et la fenêtre. Aucun paquet, aucun compte de store, aucune mise à jour à valider.
Comment l'installer
Choisis le navigateur dans lequel tu lis ceci. Tous les chemins finissent pareil : harvis.dev à côté de tes applications natives.
Chrome, Edge ou Brave sur ordinateur
- 01Regarde à droite de la barre d'adresse : l'icône d'installation, un petit écran avec une flèche vers le bas.
- 02Pas d'icône ? Ouvre le menu du navigateur et choisis « Installer la page en tant qu'application » (sur Edge : Applications → Installer ce site en tant qu'application).
- 03Confirme : harvis.dev s'ouvre dans sa propre fenêtre et apparaît dans ton lanceur d'applications.
Chrome sur Android
- 01Touche le menu ⋮ en haut à droite.
- 02Choisis « Ajouter à l'écran d'accueil », puis « Installer ».
- 03L'icône arrive sur ton écran d'accueil et s'ouvre sans aucun habillage du navigateur.
Safari sur iPhone et iPad
- 01Touche le bouton Partager — le carré avec une flèche vers le haut.
- 02Fais défiler la feuille, touche « Sur l'écran d'accueil », puis « Ajouter ».
- 03iOS lit le même manifeste mais n'affiche jamais d'invite : c'est la seule voie.
Safari sur Mac
- 01Ouvre harvis.dev dans un onglet normal.
- 02Choisis Fichier → Ajouter au Dock dans la barre des menus, nomme-le et clique sur Ajouter.
- 03Nécessite macOS Sonoma ou plus récent — les versions antérieures de Safari n'installent pas d'applications web.
Firefox sur ordinateur a abandonné l'installation d'applications web : un marque-page est ce qui s'en rapproche le plus. Firefox sur Android garde « Ajouter à l'écran d'accueil » dans son menu.
Ce que contient le manifeste
Toute l'installation repose sur un seul fichier, servi à /site.webmanifest. Les navigateurs y lisent le nom de l'application, l'icône à utiliser et la manière dont la fenêtre doit s'ouvrir.
{
"name": "harvis.dev",
"short_name": "harvis.dev",
"start_url": "/",
"display": "standalone",
"background_color": "#13161a",
"theme_color": "#13161a",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
{ "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}« standalone » est le champ qui retire l'habillage du navigateur ; l'icône maskable est celle qu'Android découpe à sa propre forme.
Rends ton propre site installable
Tout ce que tu déploies sur harvis.dev s'installe exactement pareil. Place un manifest.json à côté de ton index.html, référence-le depuis le head et fournis une icône 192 px et une 512 px — c'est toute l'exigence.
<!-- index.html --> <link rel="manifest" href="/manifest.json"> <meta name="theme-color" content="#13161a">
Les navigateurs exigent aussi HTTPS avant de proposer l'installation. Chaque adresse harvis.dev est déjà servie en HTTPS, il n'y a rien à configurer.