添加带有动态链接(wordpress)的webshare api按钮

Question

我使用代码片段插件向页面添加块。我想在下面添加一个webshareapi共享按钮来共享链接$store_url。我如何为它生成代码？

Answer 1

请参阅发布该功能的博客文章。下面是一个基线示例：

if (navigator.share) {
navigator.share({
title: 'web.dev',
text: 'Check out web.dev.',
url: 'https://web.dev/',
})
.then(() => console.log('Successful share'))
.catch((error) => console.log('Error sharing', error));
}

对于更复杂的共享需求，比如共享文件，这里有另一个片段可以让你开始：

if (navigator.canShare && navigator.canShare({ files: filesArray })) {
navigator.share({
files: filesArray,
title: 'Vacation Pictures',
text: 'Photos from September 27 to October 14.',
})
.then(() => console.log('Share was successful.'))
.catch((error) => console.log('Sharing failed', error));
} else {
console.log(`Your system doesn't support sharing files.`);
}