Navigator.share原生的分享API
Navigator.share原生的分享API
biaoblog.cn 个人博客
发布于 2022-08-11 19:09:22
发布于 2022-08-11 19:09:22
直接上代码吧：
<!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 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号