Web Share API

2020-10-091705次阅读其它

Web Share API可以启用本机共享功能(如果该您所有使用的平台支持该功能)。

if (navigator.share) {
  const article = document.querySelector("article");
  article.insertAdjacentHTML(
    "beforeend",
    `
    <button onclick="window.doSharing(this)">Share</button>
  `
  );
}

window.doSharing = (el) => {
  navigator.share({
    title: el.parentNode.querySelector("h1").innerText,
    text: el.parentNode.querySelector("p").innerText,
    url: "https://codepen.io/chriscoyier/pen/KKzjQWO"
  });
};

或者更直接点:

if (navigator.share) {
  navigator.share(
    {
      title: document.querySelector('title').textContent,
      text: document.querySelector('meta[name="description"]').getAttribute('content'),
      url: document.querySelector('link[rel="canonical"]').getAttribute('href')
    }
  );
}

 

上一篇: React-Router简介  下一篇: JavaScript滚动到顶部  

Web Share API相关文章