Frontender`s Spectre

Web Share API в JavaScript

Web Share API - это API, которое позволяет веб-приложениям предоставлять пользователю возможность быстро и просто поделиться содержимым на своих устройствах, включая мобильные устройства. Данное API предоставляет нативный интерфейс для поделиться содержимым через платформенные диалоговые окна.

Как использовать Web Share API

Для использования Web Share API необходимо проверить его поддержку в браузере пользователя. Для этого можно использовать следующий код:

if (navigator.share) {
    // Web Share API поддерживается
} else {
    // Web Share API не поддерживается
}

Если Web Share API поддерживается, вы можете вызвать диалоговое окно для поделиться содержимым с помощью следующего кода:

navigator.share({
    title: 'Заголовок',
    text: 'Описание',
    url: 'https://example.com',
})
.then(() => {
    console.log('Успешно поделились');
})
.catch((error) => {
    console.error('Ошибка', error);
});

В этом примере мы передаем объект с заголовком, описанием и ссылкой на содержимое, которое нужно поделиться. Если пользователь поделится содержимым, будет вызван метод then(), в противном случае будет вызван метод catch().

Поддержка браузерами

Web Share API поддерживается не всеми браузерами, но его поддержка растет. На момент написания статьи он поддерживается следующими браузерами:

Google Chrome для Android 61+
Safari для iOS 12.2+
Firefox для Android 60+
Opera для Android 48+

Заключение

Web Share API - это удобный способ предоставить пользователям возможность поделиться содержимым на своих устройствах. Он легко интегрируется в веб-приложения и может увеличить количество пользователей, которые решат поделиться содержимым с другими людьми.

#js #share