Когда не использовать мобильные-веб-приложения-способны


Я читал о том, как добавлять

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

В вашем HTML позволит пользователям добавлять эту страницу на свой домашний экран и использовать ее в качестве приложения. Поэтому я задаюсь вопросом, Имеет ли смысл добавлять эти мета-теги практически ко всему HTML, который я генерирую. В конце концов, пользователь недолжен устанавливать их как приложения, но если они решат это сделать, почему я должен препятствовать этому?

Я в основном думаю о содержании неавторизованных здесь, который является статическим с точки зрения HTML сервер , хотя вполне может быть interctive благодаря клиентский JavaScript. Чтобы дать вам представление, подумайте об одностраничных учебниках, возможно, с некоторой интерактивной демонстрацией кода. Что-то вроде того.

  • даю ли я какие-либо обещания, добавляя эти теги?
  • в каких ситуациях я должен избегать их добавления?
1 9

1 ответ:

Единственное" обещание", которое вы даете, используя эти теги, заключается в том, что ваш сайт можно использовать для навигации без кнопок браузера. Большинство веб-сайтов не имеют специальных кнопок "назад", и пользователи в конечном итоге попадают в тупик.

Вы предполагаете, что основная часть сайта может быть запущена без подключения к интернету, иначе зачем беспокоиться? Должна быть какая-то причина, чтобы добавить его на свой рабочий стол, просто используя закладки. Вы должны избегать использования этих тегов, когда их нет. явная выгода для пользователя по сравнению с обычной закладкой.


В вашем примере учебники могут быть довольно классными как ярлык приложения, особенно если все содержимое кэшируется и пользователи могут получить к нему мгновенный доступ без подключения к интернету. Однако следует учитывать, что пользователи могут обращаться к нескольким учебникам во время работы. Заполнение домашних экранов ваших пользователей значками для одностраничных" приложений", между которыми им нужно переключаться, было бы менее удобно, чем просто использование вкладок браузера.

Если вы можете добавить функции, улучшающие сценарий "несколько вкладок браузера", это будет идеальным способом использовать тег mobile-web-app-capable. Попробуйте создать приложение, которое объединяет несколько связанных учебников вместе и простой поиск по содержимому в интерфейсе.