PWA：使Web共享在development / localhost中工作

Question

自从Google Chrome和Firefox does not support Web Share yet起，我需要一些替代方法来在开发中进行测试。

通过this example实现共享：

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));
} else {
  console.warn('Cannot share in this browser')
}

哪个将登录任何不受支持的浏览器：

Cannot share in this browser

关于如何使它适用于发展的任何想法？

Answer 1

[大多数台式机浏览器不support Web Share API。目前，Chrome浏览器不是这样的。

Answer 2

[http://localhost是considered a secure context…或您可以只在本地开发环境中设置HTTPS。