Метатег "apple-mobile-web-app-capable" для Android?

есть ли способ создать веб-приложение Android, как на iPhone?

используя метатег "apple-mobile-web-app-capable" в элементе head HTML-страницы, он сообщает Apple iOS, что приложение может быть установлено для пользователей springboard, чтобы он запускал мобильный браузер Safari без строки меню.

23
android html meta-tags mobile-webkit web-applications

5 ответов

Chrome на Android теперь поддерживает мета-тег mobile-web-app-capable:

поскольку Chrome M31, вы можете настроить веб-приложение, чтобы иметь приложение значок ярлыка добавлен на рабочий стол устройства, и есть запуск приложения в полноэкранном режиме "app mode" с помощью Chrome для Android " добавить в рабочий стол" меню.

для получения подробной информации о mobile-web-app-capable meta-tag, прокрутите вниз до "Supporting homescreen-installed apps до M39":

начиная с M31, Chrome будет искать следующий мета-тег в элемент веб-страницы (если есть манифест с указанным отображением, это игнорируется):

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

атрибут name Должен быть" mobile-web-app-capable " и атрибут содержимого должен быть "да" (чувствительный к регистру). Если в содержимом есть какое-либо другое значение атрибут веб-приложение будет добавлено как обычная закладка.

пока у меня нет устройств запуск Chrome M31, с которым я мог бы протестировать, я интерпретирую это так, что полноэкранные веб-приложения со значком на рабочем столе устройства поддерживаются до Chrome M31, если вы используете это mobile-web-app-capable мета-тег.

20

Я так не думаю.

, было бы довольно тривиально определить, является ли браузер Android-устройством, и показать ссылку на приложение Android Market (или непосредственно на APK)

поскольку Android имеет виджет WebView, довольно тривиально писать приложение, которое загружает выделенный веб-сайт или каким-то образом обертывает автономный контент (либо загруженный при первом запуске, либо отправленный в папку assets)

2

используйте jQuery, вы можете увидеть, если высота содержимого больше высоты окна просмотра. Если нет, то вы можете сделать это на такой высоте.

$(document).ready(function() { 
  if (navigator.userAgent.match(/Android/i)) { 
    window.scrollTo(0,0); // reset in case prev not scrolled   
    var nPageH = $(document).height(); 
    var nViewH = window.outerHeight; 
    if (nViewH > nPageH) { 
      nViewH -= 250; 
      $('BODY').css('height',nViewH + 'px'); 
    } 
    window.scrollTo(0,1); 
  } 

});

кредит meagar:удаление адресной строки из браузера (для просмотра на Android)

1

с Chrome31+ домашний экран веб-приложения также поддерживаются на Android. См.здесь.

1

вы можете создавать ярлыки для закладок (=любой веб-страницы) на рабочем столе.

0