Javascript 如何从网页上的链接打开本机iOS共享模式?
我的网页上有一个Javascript 如何从网页上的链接打开本机iOS共享模式?,javascript,html,ios,safari,mobile-safari,Javascript,Html,Ios,Safari,Mobile Safari,我的网页上有一个共享按钮。我想点击mobile Safari中的按钮打开iOS本机共享模式 如何使用HTML/Javascript实现这一点 我可以看到,他们已经能够通过网站上的共享按钮实现这一点。我无法在Stack Overflow或Google上找到任何答案。您可以试试 navigator.share({ title: 'Your title', text: 'Your text', url: 'Your url to share' }) 点击您的链接。您可以使用该功能 naviga
共享按钮
。我想点击mobile Safari中的按钮打开iOS本机共享模式
如何使用HTML/Javascript实现这一点
我可以看到,他们已经能够通过网站上的共享按钮实现这一点。我无法在Stack Overflow或Google上找到任何答案。您可以试试
navigator.share({
title: 'Your title',
text: 'Your text',
url: 'Your url to share'
})
点击您的链接。您可以使用该功能
navigator.share
但并非所有浏览器都支持它。在这种情况下,您可以使用以下结构进行检查:
if (navigator.share) {
title: ' ',
text: ' ',
url: ' '
} else {
// Fallback
}
例如,请使用此代码
shareButton.addEventListener('click', event => {
if (navigator.share) {
navigator.share({
title: 'WebShare API Demo',
url: ' '
}).then(() => {
console.log('Thanks for sharing!');
})
.catch(console.error);
} else {
shareDialog.classList.add('is-open');
}
});
在哪里
shareDialog.classList.add('is-open');
它会打开您的备用共享面板
有关本机共享API支持和功能的详细信息,请参阅
另请检查此处以了解更多信息这可能有效,也可能无效,因为Web共享API仍然只是一个具有有限浏览器支持的提案:
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));
}