允许用户将文本、链接和文件共享到其已安装的应用。
本机 Web 共享 API 允许用户以与特定于平台的应用程序相同的方式将文本、链接和文件共享到设备上安装的其他应用程序。让我们来看看如何使用这个新功能。
如何与网络共享 API 共享链接和文本?
此 API 在导航器对象上公开一个方法。这是一个基于承诺的方法,具有必需的属性对象。您需要传递至少以下属性之一:share()
title — 例如,共享的主题用作电子邮件的主题。
text — 例如,邮件的正文文本用作电子邮件内容。
url — 要共享的 URL 将追加到正文文本之后。
文件 — 例如,要共享的文件在电子邮件中用作附件。
下面的代码示例显示了使用本机共享方法并将其绑定到简单的按钮单击是多么容易:
如何使用网络共享 API 共享文件?
为了与 Web 共享 API 共享文件,最好使用该方法添加一个检查,以测试文件是否可以共享。navigator.canShare()
然后,可以将文件作为数组添加到属性中。files
对网络共享 API 的浏览器支持
浏览器对网络共享API的支持非常好,但是火狐中没有支持。同样有趣的是,尽管铬在Windows和浏览器操作系统上支持它,但到目前为止,它在macOS或Linux发行版上不支持它。
资源
网络共享 API 的浏览器支持表
MDN — 导航器.share 文档
结论
Web 共享 API 是一项漂亮的功能,在某些站点上非常有用,可提供用户友好的共享方式。它比一堆自定义共享链接更容易实现。此外,它还会根据用户安装的应用程序自动显示用户选项。