#showdev Web Share API?

您是否曾经遇到过这样的情况：您正在移动网站上，想与朋友分享一些非常有趣的东西，但后来意识到您必须复制链接才能发送？

好吧，那些日子已经过去了

Web Share API允许我们将数据共享到本机android / ios应用程序，但可以通过Web共享数据，就像以前一样。在下面，您将找到一个很好的示例，说明Instagram的PWA如何利用Web Share API

?如何使用？

导航器对象公开了一个非常简单的方法，称为 share。该方法以一个对象作为参数

const data = {
  title: 'Web Share API',
  text: 'Check out this super cool article',
  url: 'https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share'
}

navigator
  .share(data)
  .then(() => console.log('Shared data successfully'))
  .catch(console.log)

仅此而已，现在您可以跨移动应用程序甚至PWA共享数据

仅当通过HTTPS服务您的网站时，Web Share API才有效

supported是否得到很好的支持？

根据W3C，Web Share API仍处于草稿阶段，并且大多数受移动浏览器支持。该API是试验性的，但并未阻止Instagram等主要网站在其应用程序中实现该API。