Gdy użytkownicy Safari na iOS dodają progresywne aplikacje internetowe (PWA) do ekranu głównego, wyświetla się ikona Apple Touch.
Aby określić ikonę, której ma używać aplikacja, umieść tag <link rel="apple-touch-icon" href="/example.png"> w sekcji <head> na stronie. Jeśli na stronie nie ma tego tagu linku, iOS generuje ikonę, wykonując zrzut ekranu treści strony. Innymi słowy, poinformowanie iOS o pobieraniu ikony powoduje lepsze wrażenia użytkownika.
Dlaczego kontrola ikony Apple Touch w Lighthouse kończy się niepowodzeniem
Lighthouse
oznacza strony bez tagu <link rel="apple-touch-icon" href="/example.png"> w sekcji <head>:
Lighthouse nie sprawdza, czy ikona istnieje i czy ma odpowiedni rozmiar.
Dodawanie ikony Apple Touch
Dodaj <link rel="apple-touch-icon" href="/example.png"> do <head> na stronie:
[[["Ł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."],[],[]]