WebShare API는 HTTPS 또는 localhost에서만 실행 가능

최근에 iOS에 대응한 Web Share API, 설치할 때 필기를 끼워 넣었기 때문이다.

프레젠테이션


이런 느낌은 navigator.share로 시작합니다.
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Web Share API</title>
  </head>
  <body>
    <button onclick="share()">シェアする</button>
    <script type="text/javascript">
      function share() {
        navigator.share({
         title: 'Example',
         text: 'テスト用です',
         url: 'https://example.com',
       });
      }
    </script>
  </body>
</html>

localhost에서 실행할 때


일이 순조롭다.

IP 지정 및 HTTP 작업 시

TypeError: navigator.share is not a function. 오류가 발생하여 시작할 수 없습니다.

총결산


Web Share API를 테스트할 때 localhost로 테스트하십시오.
로컬호스트도 동작하지 않는 규격이라면 테스트는 어렵지만 동작은 좋은데...

좋은 웹페이지 즐겨찾기