Maskowalne ikony to nowy format ikony, który zapewnia, że ikona PWA będzie dobrze wyglądać na wszystkich urządzeniach z Androidem. Na nowszych urządzeniach z Androidem ikony PWA, które nie są zgodne z formatem ikony z możliwością zamaskowania, mają białe tło. Gdy używasz ikony z możliwością maskowania, zajmuje ona całą dostępną na Androidzie przestrzeń.
Dlaczego audyt ikony możliwych do ukrycia w Lighthouse kończy się niepowodzeniem
Lighthouseflaguje strony, które nie obsługują ikon z możliwością maskowania:
Aby przejść weryfikację:
Musi istnieć plik manifestu aplikacji internetowej.
Plik manifestu aplikacji internetowej musi zawierać tablicę icons.
Tablica icons musi zawierać 1 obiekt z właściwością purpose, a wartość tej właściwości purpose musi zawierać maskable.
Jak dodać do PWA obsługę ikony z możliwością zamaskowania
Użyj aplikacji Maskable.app Editor, aby przekonwertować dotychczasową ikonę na ikonę z możliwością zamaskowania.
Użyj Narzędzi deweloperskich w Chrome, aby sprawdzić, czy ikona z możliwością zamaskowania jest wyświetlana prawidłowo.
Zobacz Czy moje obecne ikony są gotowe?
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2024-04-16 UTC."],[],[]]