Записки фронтендера
Новый HTML элемент 🔥
В Chrome 148 версии добавили тег <install>, который представляет собой кнопку, по нажатию на которую, браузер предложит скачать ваше PWA приложение на устройство.
<install></install>
Подобно ранее представленному <geolocation>, внешний вид кнопки может быть изменён стилями, а вот текст и другое содержимое внутри неё изменить уже не получится (они устанавливаются браузером автоматически). Также не получится её скрыть, сделать прозрачной или как-то по-другому "заставить" пользователя нажать на неё неосознанно. Она просто перестанет работать.
Если необходимо установить стороннее PWA приложение, то можно указать его URL в атрибуте installurl:
<install installurl="https://awesome-app.com/">
</install>
Данный элемент генерирует 3 типа событий:
1) promptaction — пользователь установил приложение
2) promptdismiss — пользователь отменил установку
3) validationstatuschanged — кнопка стала доступна / недоступна по причине перекрытия другим элементом или по какой-то другой
installButton.addEventListener('promptaction', () => {
console.log('Приложение установлено');
});
⚙️ Таблицу на caniuse пока не добавили
2 · 483 ·