테스트 사이트 - 개발 중인 베타 버전입니다

이런 창은 어떻게 띄우나요? 채택완료

하호헤하 1년 전 조회 22,999

모바일 인터넷으로 아래 유튜브 공유 버튼 누르면

 

http://sir.kr/data/editor/2407/1995116123_1719846962.8635.jpg" width="100%" />

 

아래와 같은 창이 뜨는데요.

 

http://sir.kr/data/editor/2407/1995116123_1719846989.8183.jpg" width="100%" />

 

위와 같은 창이 뜨게 하려면 버튼을 어떻게 만들어야할까요?

 

아무리 찾아봐도 관련 글이나 팁 같은 게 안 보여서요ㅠㅠ

 

그누보드 기본 SNS 공유 버튼 말고

 

갤럭시 폰에서 나오는 저런 공유창 만드는 법을 알고 싶은데 관련 글이나 팁 같은 게 안 보여서요ㅠㅠ

 

방향성이나 힌트라도 주시면 감사합니다 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
R
1년 전

참고하세요. 디버깅은 안했습니다.

</p>

<p><a href="#" onclick="share_page('페이지제목','<a href="https://주소');"" target="_blank" rel="noopener noreferrer">https://주소');"</a> >공유</a></p>

<p> </p>

<p><script></p>

<p>function share_page(val1, val2) {</p>

<p>                if(navigator.share){</p>

<p>                        navigator.share({</p>

<p>                        title: val1,</p>

<p>                        url: val2</p>

<p>                        }).then(() => {</p>

<p>                            console.log('sharing success');</p>

<p>                        })</p>

<p>                        .catch(console.error);</p>

<p>                }else{</p>

<p>                    var t = document.createElement("textarea");</p>

<p>                    document.body.appendChild(t);</p>

<p>                    t.value = val2;</p>

<p>                    t.select();</p>

<p>                    document.execCommand('copy');</p>

<p>                    document.body.removeChild(t);</p>

<p>                    alert('주소가 클립보드에 복사되었습니다.');</p>

<p>                    console.log('copy success');</p>

<p>                }          </p>

<p>         }</p>

<p></script></p>

<p>

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

하호헤하
1년 전
와우 정말 감사합니다!! 잘 되네요! 말씀해주신 코드로 수정 보완해서 적용해보겠습니다. 정말 감사합니다!!

댓글을 작성하려면 로그인이 필요합니다.

그니까 링크 공유를 원하는거에요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

하호헤하
1년 전
넵 링크 공유 맞는데 갤럭시에서 나오는 저런 공유창을 띄우는 방법을 알고 싶어서요 ㅠㅠ
리오닥터
1년 전
https://2dowon.github.io/docs/javascript/share-by-sns/ 참고해보세요
하호헤하
1년 전
넵 감사합니다 리오닥터님!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인