Meta Tag "apple-mobile-web-app-able" для Android?
Есть ли способ создать веб-приложение Android, например, на iPhone?
Используя метатег "apple-mobile-web-app-able" в элементе head страницы HTML, он сообщает Apple iOS, что приложение может быть установлено на трамплин пользователей, чтобы он запускал браузер Safari Mobile без строки меню.
Ответы
Ответ 1
Chrome на Android теперь поддерживает метатег mobile-web-app-capable
:
С Chrome M31 вы можете настроить свое веб-приложение на наличие приложения значок ярлыка, добавленный на рабочий экран устройства, и запуск приложения в полноэкранном режиме приложения с использованием Chrome для андроидов. Добавить в homecreen ".
Подробнее о метатеге mobile-web-app-capable
прокрутите страницу вниз до раздела "Поддержка установленных на рабочем столе приложений до M39":
Начиная с M31, Chrome будет искать следующий метатег в элемент веб-страницы (если есть манифест с указанным отображением, это игнорируется):
<meta name="mobile-web-app-capable" content="yes">
Атрибут name ДОЛЖНО быть "мобильным-веб-приложением", а атрибут контента должен быть "да" (случай с чувствительностью). Если в содержании есть другое значение атрибут веб-приложение будет добавлено как обычная закладка.
Пока у меня нет устройств, на которых работает Chrome M31, с которыми я мог бы протестировать, я интерпретирую это как означающее, что полноэкранные веб-приложения со значком на главном экране устройства поддерживаются еще в Chrome M31 вы используете метатег mobile-web-app-capable
.
Ответ 2
Я так не верю.
Однако было бы довольно тривиально обнаруживать, является ли браузер Android-устройством, и показать ссылку на приложение Android Market (или непосредственно в APK).
Поскольку у Android есть виджет WebView, довольно просто написать приложение, которое загружает выделенный веб-сайт, или что-то обертывает автономный контент (загружаемый при первом запуске или отправляемый в папку с ресурсами)
Ответ 3
Используйте 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)
Ответ 4
Так как веб-приложения Chrome31 + на главном экране также поддерживаются на Android. См. здесь.
Ответ 5
Вы можете создавать ярлыки для закладок (= любой веб-страницы) на главном экране.