qaq

Navigator.share() 方法通过调用本机的共享机制作为 Web Share API 的一部分。如果不支持 Web Share API,则此方法为 undefined

语法参数:

url 要共享的 URL( USVString )
text 要共享的文本( USVString )
title 要共享的标题( USVString
files 要共享的文件(“FrozenArray”)

注意:Navigator.share()这是一个实验中的功能,此功能某些浏览器尚在开发中。

实现原理:

 JS代码:

建议:使用前先判断浏览器是否支持此功能,若不支持,可以设置其它替代方案;若支持,则可以直接使用此功能来进行分享操作!

判断浏览器是否支持:

if (!navigator.share) {
				//当浏览器支持此功能时
				alert("支持");
			} else {
				//当浏览器不支持此功能时
				alert("不支持");
			}

功能代码:

navigator.share({
					//要共享的标题
					title: window.location.title,
					//要共享的 URL
					url: window.location.href,
					//要共享的文本
					text: '全网视频免费看,宅男必备!'
				});

代码整合:

if (!navigator.share) {
				alert("您的浏览器不支持此函数!");
			} else {
				navigator.share({
					//要共享的标题
					title: window.location.title,
					//要共享的 URL
					url: window.location.href,
					//要共享的文本
					text: '全网视频免费看,宅男必备!'
				});
			}

浏览器兼容性:

数据来源:MDN 

编辑

posted @ 2022-07-08 13:47  被水遗忘の鱼  阅读(339)  评论(0编辑  收藏  举报