Les pubs vous déplaisent ? Aller Sans pub Auj. 

Générateur de manifeste d'application web PWA

DonnéesPromoteur

ANNONCE · Supprimer ?

SAISIR

Processus automatique

Identité de l'application

Nom

Nom complet de l'application affiché dans le prompt d'installation et sur l'écran d'accueil

Nom court

Utilisé sur l'écran d'accueil (recommandé : 12 caractères ou moins)

Description

Lang

Langue principale (tag BCP 47, par exemple en-US, fr, de-DE)

Direction du texte

Navigation

URL de départ

URL ouverte lorsque l'application est lancée

Portée

Limite de navigation pour l'application (optionnelle)

ID de l'application

Identité unique de l'application (optionnelle, recommandée)

Affichage

Mode d'affichage

Orientation

Couleur du thème

Couleur de la barre d'outils ou de l'état du navigateur lorsque l'application est ouverte

Couleur d'arrière-plan

Couleur de fond de l'écran d'accueil pendant le chargement de l'application

Icônes

Chemin de base des icônes

Répertoire où se trouvent vos fichiers d'icônes (utilisé pour construire les URLs src)

Modèle de nom de fichier de l'icône

Utiliser {size} comme placeholder — remplacé par chaque taille sélectionnée

Type MIME de l'icône

Usage de l'icône

Inclure 72×72

Inclure 96×96

Inclure 128×128

Inclure 144×144

Inclure 152×152

Inclure 192×192

Inclure 384×384

Inclure 512×512

SORTIR

Côté client

manifest.json

Balise HTML

ANNONCE · Supprimer ?

Guide

Générer un fichier manifest.json valide pour votre Progressive Web App en quelques secondes. Remplissez l'identité de votre application, choisissez un mode d'affichage, sélectionnez les tailles d'icônes que vous distribuez,

Générateur de manifeste d'application web PWA

Générer un fichier valide manifest.json pour votre Progressive Web App en quelques secondes. Remplissez l'identité de votre application, choisissez un mode d'affichage, sélectionnez les tailles d'icônes que vous distribuez, et le générateur produit un JSON propre que vous pouvez coller directement dans votre projet — ainsi que la correspondante <link rel="manifest"> balise pour votre HTML.

Comment utiliser

Saisissez l'identité de votre application Nom et Nom court. Le nom complet s'affiche dans le prompt d'installation ; le nom court s'affiche sous l'icône de l'écran d'accueil.
Définissez le URL de départ, Portée, et le ID de l'application afin que le navigateur sache quelle URL lancer et comment limiter la navigation.
Choisissez un Mode d'affichage (standalone, fullscreen, minimal-ui, browser) et un Orientation.
Choisissez un Couleur du thème (chrome du navigateur) et un Couleur d'arrière-plan (écran d'accueil).
Définissez le Chemin de base des icônes et un Modèle de nom de fichier de l'icône en utilisant {size} comme placeholder, puis cochez les tailles d'icônes que vous distribuez réellement.
Copiez le manifest.json généré manifest.json ou cliquez sur l'icône de téléchargement. Collez la <link rel="manifest"> balise dans votre <head>.

Caractéristiques

Tous les champs standard du manifeste – nom, short_name, description, lang, dir, id, start_url, scope, display, orientation, theme_color, background_color.
Vérification des tailles d'icônes – 72, 96, 128, 144, 152, 192, 384 et 512 px, avec des URLs automatiquement générées à partir d'un chemin de base et d'un modèle de nom de fichier. src Support de l'usage de l'icône
– any, maskable, « any maskable », et monochrome. Aperçu JSON en temps réel
– JSON formaté et mise en page mise à jour en temps réel, avec mise en évidence syntaxique. Vérifications d'installabilité
– avertissement lorsque le nom, l'URL de départ ou le couple d'icônes 192x192 et 512x512 recommandé sont manquants. – copie en un clic, ou téléchargement sous forme de
Copier ou télécharger avec le bon type MIME. manifest.json Balise HTML
– snippet prêt à être collé . <link rel="manifest"> – rien ne quitte votre navigateur. Aucun compte, aucune limite.
Traitement côté client à 100 % Qu'est-ce qu'un manifeste d'application web ?

 FAQ

Un manifeste d'application web est un fichier JSON qui indique au navigateur comment votre application Progressive Web App doit se comporter lors de son installation. Il contient le nom de l'application, les icônes, l'URL de départ, le mode d'affichage, les couleurs thematiques et d'autres métadonnées utilisées par le prompt d'installation, l'écran d'accueil et le lanceur de l'écran d'accueil.

Quels sont les champs requis pour qu'une PWA soit installable ?
Au minimum, les navigateurs attendent name (ou short_name), start_url, display défini sur standalone, fullscreen ou minimal-ui, et au moins un icône de 192x192 et un icône de 512x512. L'ajout de theme_color et background_color est fortement recommandé pour une expérience d'installation fluide.

Quelle est la différence entre les modes d'affichage ?
standalone masque l'interface du navigateur et ressemble à une application native. fullscreen masque également la barre d'état, utile pour les jeux. minimal-ui conserve un ensemble réduit de contrôles du navigateur. browser ouvre l'application dans un onglet normal. La plupart des PWAs choisissent standalone.

Qu'est-ce que le champ d'usage de l'icône signifie ?
purpose indique au navigateur la manière dont l'icône peut être composée. any est la valeur par défaut et permet au navigateur de composer l'icône selon ses propres préférences. maskable signifie que l'image est conçue pour remplir une zone de sécurité définie par le système d'exploitation, afin que le lanceur puisse la découper en cercle, en squircle ou en carré arrondi sans couper le contenu important.

Où dois-je placer manifest.json et la balise HTML ?
Placez manifest.json à la racine de votre site ou sous un chemin stable, puis référez-le depuis chaque page HTML avec une balise à l'intérieur du . Assurez-vous que le fichier soit servi avec le type de contenu application/manifest+json.

Mon Application Incroyable

Envie d'une expérience sans pub ? Passez à la version sans pub



 Installez nos extensions

Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide

Sur

恵 Le Tableau de Bord Est Arrivé !

Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !

ANNONCE · Supprimer ?