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

Question

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

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

Answer 1

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

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

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

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

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

Атрибут имени ДОЛЖЕН быть "мобильным веб-приложением", а атрибут контента должен быть "да" (без учета регистра). Если в атрибуте содержимого есть какое-либо другое значение, веб-приложение будет добавлено в качестве обычной закладки.

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

Answer 2

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

Answer 3

Я не верю в это.

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

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

Answer 4

Используйте 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)

Answer 5

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