Jiathis, Bshare Sharing 및 Baidu Sharing과 같은 일부 대기업과 같은 많은 주류 공유 도구가 있지만 여전히 PC 측에서 공유하고 있으며 휴대폰에 대한 지원은 그리 좋지 않습니다.
많은 모바일 브라우저에는 이제 UC 브라우저 및 QQ 브라우저와 같은 일부 공유 구성 요소가 내장되어 있음을 알고 있습니다. 내장 구성 요소 공유는 해당 앱 공유를 직접 시작할 수 있습니다. JS가 브라우저의 내장 공유 구성 요소를 호출 할 수 있다면 얼마나 멋진 일입니까?
전문가는 사람들 중 하나입니다. wulin.com의 편집자는이 형제가 쓴 JS 라이브러리를 보게됩니다.
1. 도구 소개 nativeshare.js
JavaScript를 통해 Native Sharing을 직접 호출 할 수있는 도구는 다음과 같은 특성을 갖습니다.
1. 원주민 Weibo, Wechat Friends, Wechat Moments, QQ Friends, QQ Space Sharing 지원
2. 더 많은 공유 기능을위한 호출 브라우저 지원
3. jQuery 및 기타 플러그인에 의존하지 마십시오.
참고 : 현재 모바일 UC 브라우저 및 QQ 브라우저 만 지원됩니다.
GitHub 프로젝트 주소 : https://github.com/jefferywang/nativeShare.js
git@osc 프로젝트 주소 : http://git.oschina.net/wangjunfeng/nativeshare.js
2. 사용 방법
1. CSS 파일을 소개합니다
코드 사본은 다음과 같습니다.
<link rel = "Stylesheet"href = "nativeshare.css"/>
2. 공유를 추가 해야하는 다음 코드를 삽입하십시오.
코드 사본은 다음과 같습니다.
<div id = "nativeshare"> </div>
3. 구성 정보를 추가하고 인스턴스화하십시오
코드 사본은 다음과 같습니다.
<cript>
var config = {
URL : 'http : //blog.wangjunfeng.com',// 공유 웹 페이지 링크
제목 : 'Wang Junfeng의 개인 블로그', // 제목
DESC : 'Wang Junfeng의 개인 블로그', // 설명
IMG : 'http : //www.wangjunfeng.com/img/face.jpg',// 사진
img_title : 'Wang Junfeng의 개인 블로그', // 이미지 제목
From : 'Wang Junfeng의 블로그'// 소스
};
var share_obj = new nativeshare ( 'nativeshare', config);
</스크립트>
3. 데모 스크린 샷
그림 1 : Sina Weibo와 공유
그림 2 : WeChat 순간을 공유하십시오
그림 3 : WeChat을 통해 연락처와 공유하십시오
그림 4 : QQ는 연락처와 공유합니다
그림 5 : QQ 우주 공유
그림 6 : 브라우저의 내장 공유 구성 요소를 호출합니다