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

WBOY
풀어 주다: 2016-05-16 08:59:54
원래의
4831명이 탐색했습니다.

현재 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. 시연 스크린샷

네이티브 자바스크립트는 친구 서클 기능 공유를 실현하고 iOS 및 android_javascript 기술을 지원합니다.
사진 1: 시나 웨이보에 공유

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

네이티브 자바스크립트는 친구 서클 기능 공유를 실현하고 iOS 및 android_javascript 기술을 지원합니다.
사진 3: WeChat에서 연락처와 공유

네이티브 자바스크립트는 친구 서클 기능 공유를 실현하고 iOS 및 android_javascript 기술을 지원합니다.
그림 4: 연락처에 QQ 공유

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

네이티브 자바스크립트는 친구 서클 기능 공유를 실현하고 iOS 및 android_javascript 기술을 지원합니다.
그림 6: 브라우저에 내장된 공유 구성 요소 호출

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!