Navigator.share原生的分享API
Navigator.share原生的分享API
biaoblog.cn 个人博客
发布于 2022-08-11 11:09:22
发布于 2022-08-11 11:09:22
代码可运行
运行总次数：0
代码可运行
直接上代码吧：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p><button>Share MDN!</button></p>
<p class="result"></p>
</body>
<script>
const btn = document.querySelector("button");
const resultPara = document.querySelector(".result");
const shareData = {
title: "MDN",
text: "Learn web development on MDN!",
url: "https://developer.mozilla.org",
};
btn.addEventListener("click", () => {
navigator
.share(shareData)
.then(() => (resultPara.textContent = "MDN shared successfully"))
.catch((e) => (resultPara.textContent = "Error: " + e));
});
</script>
</html>注：可能存在浏览器兼容的问题，暂时只在chrome上使用。
MDN WEB DOC 参考文档：https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
原生JS实现一个Ajax跨域请求
更多 >
腾讯云开发者
