Postal Ninja — Android web app
Сразу извиняюсь за свой вопрос, т.к. он не относится к посылкам и их отслеживанию. Вопрос адресован Игорю (igor), как разработчику. После очередного обновления Firefox, зайдя на Postal Ninja, я заметил, что рядом с адресной строкой появилась новая иконка!
Когда я по ней тапнул, на рабочем столе телефона появилась иконка Postal Ninja. Запускаю и вижу, что теперь сайт запускается как отдельное приложение! Нет адресной строки браузера, и можно им пользоваться как обычным Android приложением, что очень удобно!
Меня, как web-разработчика, это крайне заинтересовало, и я начал искать информацию, как же мне сделать нечто подобное для какого-нибудь своего проекта. К сожалению ничего толком не нашёл, кроме новостей о поддержке этой функции в Firefox.
Так что хочу поинтересоваться у вас, Игорь, как это работает? :)
Ну и всем, кто пользуется смартфоном с Android на борту, я крайне рекомендую попробовать! Очень удобно.
Решение автора
Не люблю, когда вопросы остаются без ответов, и потом люди находят старые посты, а решениями никто не делится :) Поэтому решил отписаться. Переход на https действительно решил проблему с автоопределением manifest.json в браузере Firefox.
Ещё раз благодарю Игоря за подсказку с manifest.json!
1 ответ
-
Думаю это обычная кнопка "Add to home screen", просто другие мобильные браузеры ее обычно запрятывают в меню, а новый файрфокс ее вытащил на панель.
Зато есть такая штука как PWA (Progressive Web Apps). С учетом доли андроида (а также доли хрома и других хромиум-based браузеров) - потенциально очень интересная. В десктопном и мобильном FF тоже работает. Даже в Сафари в этом году вроде как поддержку service workers подвезут. Я в прошлом году уже к ней присматривался, но пока руки так и не дошли. У нас все таки server-side rendering. А вот для single page apps сделать PWA вообще без проблем.
-
Кстати одна (маленькая и самая элементарная) из составляющих концепции PWA - это Web App Manifest https://developers.google.com/web/fundamentals/web-app-manifest/ - но manifest.json можно сделать для любого сайта, даже не PWA. Он как раз используется при добавлении на хоумскрин.
Вообще мне вспоминается что Хром вроде как после регулярных посещений сайта-PWA вроде как сам предлагает добавить его на хоумскрин. Возможно ФФ начал делать аналогично, вытаскивая кнопку добавления на панель.
-
igor Спасибо за информацию!
Дело в том, что это не совсем обычная кнопка "Add to home screen". Точнее, я могу добавить на рабочий стол ярлык для любого сайта. Но открываться такой сайт будет в браузере, а не Stand Alone так сказать! И вот Postal Ninja как раз таки открывается отдельно, что мне и нужно.
Добавил на свой подопытный сайт manifest.json, но что-то ничего не получилось. Иконка с домиком не появляется в тулбаре Файерфокса...
-
igor Долго разбирался. В итоге пришёл к тому, что у меня не https, а http протокол. Поэтому не срабатывает... Попробую перейти на https и проверю, в правильном ли направлении я думаю :)
-
puhloschiok Кстати очень даже может быть, счас без https много чего принципиально не работает, те же service workers и иже с ними
Loading -
Так на официальном сайте Android есть информация об этом: https://www.google.com/url?sa=t&source=web&rct=j&url=https://developer.android.com/guide/webapps/index.html&ved=2ahUKEwjM6IOG1_HZAhXEKVAKHX64DyQQFjAAegQIBhAB&usg=AOvVaw1TgXq6i824BhYvwwZswNTc