Navigator.share()

The navigator.share() method of the Web Share API invokes the native sharing mechanism of the device.

Syntax

var sharePromise = navigator.share(data);

Parameters

data

An object containing data to share. At least one of the following fields must be specified. Available options are:

• url: A USVString representing a URL to be shared.
• text: A USVString representing text to be shared.
• title: A USVString representing the title to be shared.

Return value

A Promise that will be fulfilled once a user has completed a share action (usually the user has chosen an application to share to). It will reject immediately if the data parameter is not correctly specified, and will also reject if the user cancels sharing.

Examples

In our Web share test (see the source code) there is a button which, when clicked, invokes the Web Share API to share MDN's URL. The JavaScript looks like this:

const shareData = {
  title: 'MDN',
  text: 'Learn web development on MDN!',
  url: 'https://developer.mozilla.org',
}

const btn = document.querySelector('button');
const resultPara = document.querySelector('.result');

// Must be triggered some kind of "user activation"
btn.addEventListener('click', async () => {
  try {
    await navigator.share(shareData)
  } catch(err) {
    resultPara.textContent = 'Error: ' + e
  }
  resultPara.textContent = 'MDN shared successfully'
});

Specifications

Browser compatibility

See Also

• navigator.canShare()