Привет, ребята, я вернулся с еще одним блогом о Web Share API.
Совместное использование — одна из очень важных функций в Интернете, и ее стало проще реализовать на ваших веб-сайтах, в блогах и т. д. с помощью веб-API.
API обмена веб-ресурсами
Web Share API позволяет веб-приложениям обмениваться ссылками, текстом и файлами с другими приложениями, установленными на устройстве, так же, как и собственное приложение.
Проверьте, поддерживается ли общий ресурс API в браузере, используя приведенный ниже фрагмент кода.
navigator.share()
url — строка, представляющая URL-адрес для общего доступа, обычно это URL-адрес документа.
title — Строка, представляющая заголовок, которым нужно поделиться.
text — Строка, представляющая описание для совместного использования.
navigator.share() принимает объект JSON в качестве входного параметра. Входной объект должен содержать любое из следующих свойств: название, текст, url, файлы.
Требования:
Тем не менее, Web Share API позволяет нам использовать встроенную функцию общего доступа, есть некоторые правила, которым мы должны следовать.
- Сайт должен работать через https.
- API может быть вызван только действием пользователя и не может быть вызван методом onload.
Текущая демонстрация
Откройте приведенный ниже URL-адрес в мобильном браузере и нажмите «Поделиться», чтобы увидеть его в действии.
https://web-share-api-full-demo.netlify.app
Поддержка
Android-устройства Chromium и Safari.
Во второй части мы увидим, как обмениваться файлами. Быть в курсе!!!
Эта статья создана с помощью ❤️ Пожалуйста, следите за нашей публикацией, чтобы узнать больше о Javascript.