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));
}