웹 셰어 API는 Safari에서 사용할 수 있기 때문에 바로 사용해 보도록 하겠습니다.

개요

어제(2018/9/26) 발매된Safari Technology Preview Release 66에 대응해서Web Share API 바로 해봤어요.
이렇게 하면 Web Share API와Android の Chrome에서 사용할 수 있다.
다음은 본문의 원본 코드와 프레젠테이션 페이지를 준비했다.
im36-123/webShareApi | GitHub
프레젠테이션 페이지

실제 부호

Safari Technology Preview Release 66를 클릭한 후 <button> 메서드를 실행합니다.

<!DOCTYPE html>
<html lang='ja'>
<head>
    <title>Web Share API</title>
</head>
<body>
    <button>Share</button>
    <script>
        const button = document.querySelector('button')
        button.addEventListener('click', (e) => {
            navigator.share({
                url: '',
                title: document.title,
                text: 'Web Share API を使ってみる'
            })
        })
    </script>
</body>
</html>

실행 결과

사파리의 경우.

Safari에서는 다음과 같습니다.

안드로이드 크롬의 경우

안드로이드 크롬은 다음과 같이 표시됩니다.
로컬 공유 메뉴가 표시됩니다.

참고 자료

Release Notes - Safari Technology Preview - Safari - Apple Developer
Introducing the Web Share API | Web | Google Developers

Reference

이 문제에 관하여(웹 셰어 API는 Safari에서 사용할 수 있기 때문에 바로 사용해 보도록 하겠습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/im36-123/items/73d7510deb357425dcdb

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다