Web Share API使用教程

浏览器也可以像原生APP一样，调用分享功能。Web Share API!

提供的方法很简洁，使用navigator.share判断浏览器能力，调用方式为Promise方式：

if (navigator.share) {
  navigator
    .share({
      title: "Share my blog",
      text: "Web development tutorial blogs",
      url: "https://justforuse.github.io/blog/en-us/"
    })
    <!-- 选择某个分享方式回调 -->
    .then(() => console.log("thanks for share"))
    <!-- 取消分享回调 -->
    .catch(error => console.log("error", error));
}

在线示例，建议使用手机端Chrome浏览器访问：

See the Pen by (@justforuse) on CodePen.

但目前这个API的支持度很低（全球范围只有45%左右）：

Can I Use web-share? Data on support for the web-share feature across the major browsers from caniuse.com.

觉得作者写得不错？不妨轻击下方按钮~