네이티브 자바스크립트는 친구 서클 기능 공유를 실현하고 iOS 및 android_javascript 기술을 지원합니다.

현재 JiaThis, bShare 공유, Baidu 공유 등 일부 대기업과 같은 주류 공유 도구가 많이 있지만 여전히 PC 측에서만 공유하고 휴대폰에 대한 지원은 그리 좋지 않습니다.

이제 많은 모바일 브라우저에는 UC 브라우저 및 QQ 브라우저와 같은 내장 공유 구성 요소가 내장되어 있으며 JS가 브라우저의 내장 구성 요소를 호출할 수 있으면 해당 앱 공유를 직접 시작할 수 있습니다. 컴포넌트 공유, 정말 멋지네요.

전문가 중에는 아래 Script House의 편집자가 이 형제가 작성한 JS 라이브러리를 보여줍니다.

1. 도구 소개 NativeShare.js

자바스크립트를 통해 네이티브 공유를 직접 호출할 수 있는 도구입니다. 이 도구는 다음과 같은 특징을 가지고 있습니다.

1. 네이티브 웨이보, 위챗 친구, 위챗 모멘트, QQ 친구, QQ 공간 공유 지원
2. 브라우저의 더 많은 공유 기능 호출 지원
3. jquery나 기타 플러그인에 의존하지 않습니다
참고: 현재 모바일 UC 브라우저와 QQ 브라우저만 지원됩니다.

github 프로젝트 주소: https://github.com/JefferyWang/nativeShare.js
Git@OSC 프로젝트 주소: http://git.oschina.net/wangjunfeng/nativeShare.js

2. 이용방법

1.CSS 파일 소개

코드 복사 코드는 다음과 같습니다.

2. 공유를 추가해야 하는 곳에 다음 코드를 삽입하세요.

코드 복사 코드는 다음과 같습니다.

3. 구성 정보 추가 및 인스턴스화

코드 복사 코드는 다음과 같습니다.

var 구성 = {
              url:'http://blog.wangjunfeng.com',// 공유 웹 링크
           제목:'왕준펑 개인 블로그', //제목
desc:'왕준펑 개인 블로그',//설명
img:'http://www.wangjunfeng.com/img/face.jpg',//사진
           img_title:'왕준펑 개인 블로그', //사진 제목
           출처:'왕준펑 블로그' //출처
};
var share_obj = new NativeShare('nativeShare',config);

3. 시연 스크린샷

사진 1: 시나 웨이보에 공유

사진 2: WeChat Moments에 공유

사진 3: WeChat에서 연락처와 공유

그림 4: 연락처에 QQ 공유

그림 5: 우주로 공유하는 QQ

그림 6: 브라우저에 내장된 공유 구성 요소 호출