Метатег "apple-mobile-web-app-capable" для Android?
есть ли способ создать веб-приложение Android, как на iPhone?
используя метатег "apple-mobile-web-app-capable" в элементе head HTML-страницы, он сообщает Apple iOS, что приложение может быть установлено для пользователей springboard, чтобы он запускал мобильный браузер Safari без строки меню.
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
мета-тег.
Я так не думаю.
, было бы довольно тривиально определить, является ли браузер Android-устройством, и показать ссылку на приложение Android Market (или непосредственно на APK)
поскольку Android имеет виджет WebView, довольно тривиально писать приложение, которое загружает выделенный веб-сайт или каким-то образом обертывает автономный контент (либо загруженный при первом запуске, либо отправленный в папку assets)
используйте 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)
с Chrome31+ домашний экран веб-приложения также поддерживаются на Android. См.здесь.