Les icônes masquables sont un nouveau format d'icône qui garantit que l'icône de votre PWA est bien affichée sur tous les appareils Android. Sur les appareils Android plus récents, les icônes PWA qui ne respectent pas le format d'icône masquable sont associées à un arrière-plan blanc. Lorsque vous utilisez une icône masquable, elle occupe tout l'espace qu'Android lui fournit.
Échec de l'audit des icônes masquables Lighthouse
Lighthouse signale les pages qui ne sont pas compatibles avec les icônes masquables:
Pour réussir l'audit:
Un fichier manifeste d'application Web doit exister.
Le fichier manifeste de l'application Web doit contenir un tableau icons.
Le tableau icons doit contenir un objet avec une propriété purpose, et la valeur de cette propriété purpose doit inclure maskable.
Ajouter la prise en charge des icônes masquables à votre PWA
Utilisez Maskable.app Editor pour convertir une icône existante en icône masquable.
Ajoutez la propriété purpose à l'un des objets icons de votre fichier manifeste d'application Web.
Définissez la valeur de purpose sur maskable. Consultez la section Valeurs.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/04/16 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/04/16 (UTC)."],[],[]]