2016-09-21 70 views
9

mam read od sposobu dodawaniaKiedy nie stosować Mobile web-app-zdolny

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="mobile-web-app-capable" content="yes"> 

do kodu HTML pozwoli użytkownikom na dodawanie takiej strony do swojego ekranu głównego i używać go jako App. Zastanawiam się więc, czy dodanie tych metatagów ma sens w prawie wszystkich generowanych przeze mnie HTML. W końcu użytkownik nie musi mieć, aby zainstalować je jako aplikacje, ale jeśli zdecyduje się to zrobić, dlaczego mam temu zapobiec?

Głównie myślę tutaj o nieuwierzytelnionej zawartości, która jest statyczna z perspektywy serwera HTML, chociaż może być interaktywna dzięki JavaScriptowi po stronie klienta. Aby dać ci wyobrażenie, pomyśl o samouczkach na jednej stronie, być może z interaktywnym demo kodu. Coś w tym stylu.

  • Czy składam obietnice, dodając te tagi?
  • W jakich sytuacjach należy unikać dodawania ich?

Odpowiedz

6

Jedyną "obietnicą", którą tworzysz za pomocą tych tagów, jest to, że Twoja witryna może być używana w nawigacji bez przycisków przeglądarki. Większość stron internetowych nie ma dedykowanych przycisków "wstecz", a użytkownicy mogliby trafić w ślepe zaułki.

Sugerujesz, że podstawowa część witryny może być uruchomiona bez połączenia z Internetem, w przeciwnym razie po co? Powinien być jakiś powód, aby dodać go do ekranu głównego, po prostu za pomocą zakładek. Należy unikać używania tych tagów, gdy nie ma wyraźnej korzyści dla użytkownika w porównaniu do zwykłej zakładki.


ze swoim przykładzie, tutoriale może być całkiem fajne jako app-jak skrót, zwłaszcza jeśli wszystkie treści są buforowane, a użytkownicy mogą je uzyskać dostęp natychmiast, bez połączenia z internetem. Należy jednak wziąć pod uwagę, że użytkownicy mogą chcieć odwoływać się do wielu samouczków podczas ich pracy. Wypełnianie ekranów głównych użytkowników ikonami jednostronicowych "aplikacji", których potrzebują do przełączania, byłoby mniej wygodne niż korzystanie z kart przeglądarki.

Jeśli możesz dodać funkcje, które poprawiają scenariusz "wielu kart przeglądarki", będzie to idealny sposób na użycie tagu mobile-web-app-capable. Spróbuj utworzyć aplikację, która połączy wiele powiązanych samouczków i proste przeszukiwanie treści w interfejsie użytkownika.