Navigator.share()

在此页

句法
范例
规范
浏览器兼容性
另请参阅
相关话题

安全上下文
此特征只可用于安全上下文 (HTTPS)，在某些或所有支持浏览器 .

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

句法

const sharePromise = navigator.share(data);

参数

data

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.
文件 : A "FrozenArray" representing the array of file to be shared.

返回值

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.

范例

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)
    resultPara.textContent = 'MDN shared successfully'
  } catch(err) {
    resultPara.textContent = 'Error: ' + err
  }
});

Sharing Files

To share files, first test for and call navigator.canShare() . Then include an array of files in the call to navigator.share():

Notice: That the sample handles feature detection by testing for navigator.canShare() rather than for navigator.share() . The data object passed to canShare() only supports the 文件 property. Image, video, audio, and text files can be shared.

if (navigator.canShare && navigator.canShare({ files: filesArray })) {
  navigator.share({
    files: filesArray,
    title: 'Pictures',
    text: 'Our Pictures.',
  })
  .then(() => console.log('Share was successful.'))
  .catch((error) => console.log('Sharing failed', error));
} else {
  console.log(`Your system doesn't support sharing files.`);
}

规范

规范	状态	注释
Web Share API The definition of 'share()' in that specification.	草案

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`share`	Chrome No	Edge No	Firefox No	IE No	Opera No	Safari 12.1	WebView Android No	Chrome Android 61	Firefox Android No	Opera Android 48	Safari iOS 12.2	Samsung Internet Android 8.0

图例

完整支持
不支持
实验。期望将来行为有所改变。

另请参阅

navigator.canShare()

元数据

最后修改： Aug 31, 2020

在此页

句法

参数

返回值

范例

Sharing Files

规范

浏览器兼容性

图例

另请参阅

相关话题