Привет, ребята, я вернулся с еще одним блогом о Web Share API.

Совместное использование — одна из очень важных функций в Интернете, и ее стало проще реализовать на ваших веб-сайтах, в блогах и т. д. с помощью веб-API.

API обмена веб-ресурсами

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

Проверьте, поддерживается ли общий ресурс API в браузере, используя приведенный ниже фрагмент кода.

navigator.share()

url — строка, представляющая URL-адрес для общего доступа, обычно это URL-адрес документа.

title — Строка, представляющая заголовок, которым нужно поделиться.

text — Строка, представляющая описание для совместного использования.

navigator.share() принимает объект JSON в качестве входного параметра. Входной объект должен содержать любое из следующих свойств: название, текст, url, файлы.

Требования:

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

  1. Сайт должен работать через https.
  2. API может быть вызван только действием пользователя и не может быть вызван методом onload.

Текущая демонстрация

Откройте приведенный ниже URL-адрес в мобильном браузере и нажмите «Поделиться», чтобы увидеть его в действии.

https://web-share-api-full-demo.netlify.app

Поддержка

Android-устройства Chromium и Safari.

Во второй части мы увидим, как обмениваться файлами. Быть в курсе!!!

Эта статья создана с помощью ❤️ Пожалуйста, следите за нашей публикацией, чтобы узнать больше о Javascript.