PWA: заставить API Web Share работать в разработке - PullRequest
Новая
       31

PWA: заставить API Web Share работать в разработке

0 голосов
/ 19 марта 2020

Так как Google Chrome и Firefox пока не поддерживают веб-ресурс , мне нужен альтернативный способ проверить это в разработке.

Обмен осуществляется через this пример : 

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

Есть идеи, как заставить это работать для разработки?

Ответы [ 3 ]

1 голос
/ 20 марта 2020

Большинство браузеров для настольных компьютеров не поддерживают API веб-ресурса. В настоящее время Chrome это тот, который не.

0 голосов
/ 30 апреля 2020

Кажется, использование Chrome Dev Tools для перенаправления локального порта на удаленное устройство - лучший способ отладки на мобильных устройствах и, таким образом, проверки функциональности PWA на самом устройстве.

0 голосов
/ 19 марта 2020

http://localhost считается безопасным контекстом … или вы можете просто настроить HTTPS в локальной среде разработки.

...