Le icone mascherabili sono un nuovo formato di icone che garantisce un aspetto ottimale dell'icona della PWA su tutti i dispositivi Android. Sui dispositivi Android più recenti, le icone PWA che non rispettano il formato dell'icona mascherabile hanno uno sfondo bianco. Quando utilizzi un'icona mascherabile, questa occupa tutto lo spazio a disposizione su Android.
Come viene eseguito il controllo delle icone mascherabili di Lighthouse
Lighthouse segnala le pagine che non supportano le icone mascherabili:
Per superare la verifica:
Deve esistere un manifest dell'app web.
Il file manifest dell'app web deve avere un array icons.
L'array icons deve contenere un oggetto con una proprietà purpose e il valore di questa proprietà purpose deve includere maskable.
Come aggiungere il supporto delle icone mascherabili alla tua PWA
Utilizza Maskable.app Editor per convertire un'icona esistente in un'icona mascherabile.
Aggiungi la proprietà purpose a uno degli oggetti icons nel manifest dell'app web.
Imposta il valore di purpose su maskable. Vedi Valori.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-04-16 UTC."],[],[]]