我的小程序
指尖壁纸
指尖卡路里
指尖待办
每日一笑
理想是火，点燃熄灭的灯。
随机推荐
h5引用vue 238
mongoose 随机获取数据以及返回指定字段 271
Curl的使用方法与基础示例 168
base64转json以及字符串编码转换 339
在h5中引入react调试 174
重新学习Cookie(服务端/客户端) 106标签云
我和我家宝
我们相恋了：
10000年
10000年
Navigator.share原生的分享API
技术 249 2021-04-19 15:54
直接上代码吧：
<!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
作者: Bill 本文地址: http://biaoblog.cn/info?id=1618818840000
版权声明: 本文为原创文章，版权归 biaoblog 个人博客 所有，欢迎分享本文，转载请保留出处，谢谢！