Le javascript natif réalise le partage avec la fonction de cercle d'amis, prend en charge les compétences iOS et Android

Le javascript natif réalise le partage avec la fonction de cercle d'amis, prend en charge les compétences iOS et Android_javascript

WBOY

Libérer： 2016-05-16 08:59:54

original

4830 Les gens l'ont consulté

Il existe désormais de nombreux outils de partage grand public, tels que JiaThis, bShare Sharing, et même certaines grandes entreprises telles que Baidu Sharing, mais ils ne partagent toujours que côté PC et la prise en charge des téléphones mobiles n'est pas très bonne.

Tout le monde sait que de nombreux navigateurs mobiles disposent désormais de composants de partage intégrés, tels que UC Browser et QQ Browser. Le partage de composants intégrés peut démarrer directement le partage d'application correspondant si un JS peut appeler le navigateur intégré. partager des composants, comme c'est cool.

Les experts sont parmi les gens. L'éditeur de Script House ci-dessous vous montrera la bibliothèque JS écrite par ce frère.

1. Présentation de l'outil nativeShare.js

Un outil pouvant appeler directement le partage natif via javascript Cet outil présente les caractéristiques suivantes :

1. Prend en charge Weibo natif, les amis WeChat, les Moments WeChat, les amis QQ et le partage d'espace QQ
2. Prise en charge de l'appel de plus de fonctions de partage du navigateur
3. Ne repose sur aucun jquery ou autre plug-in
Remarque : actuellement, seuls les navigateurs mobiles UC et QQ sont pris en charge

Adresse du projet github : https://github.com/JefferyWang/nativeShare.js
Adresse du projet Git@OSC : http://git.oschina.net/wangjunfeng/nativeShare.js

2. Comment utiliser

1.Introduire les fichiers CSS

Copier le code Le code est le suivant :

2. Insérez le code suivant là où vous devez ajouter le partage :

Copier le code Le code est le suivant :

3. Ajoutez des informations de configuration et instanciez

Copier le code Le code est le suivant :

<script><br />
var configuration = {<br />
              <a href="'http://blog.wangjunfeng.com',//">url : 'http://blog.wangjunfeng.com',// Lien Web partagé<br />
           titre : 'Blog personnel de Wang Junfeng', // titre <br />
desc:'Blog personnel de Wang Junfeng',//Description<br />
img : 'http://www.wangjunfeng.com/img/face.jpg',// Photo<br />
           img_title : 'Blog personnel de Wang Junfeng', // Titre de l'image <br />
           tiré de : 'Blog de Wang Junfeng' // Source <br />
};<br />
var share_obj = new nativeShare('nativeShare',config);<br />
</script>

3. Captures d'écran de démonstration

Le javascript natif réalise le partage avec la fonction de cercle damis, prend en charge les compétences iOS et Android_javascript
Image 1 : Partager sur Sina Weibo

Le javascript natif réalise le partage avec la fonction de cercle damis, prend en charge les compétences iOS et Android_javascript
Image 2 : Partager sur WeChat Moments

Le javascript natif réalise le partage avec la fonction de cercle damis, prend en charge les compétences iOS et Android_javascript
Image 3 : Partager avec des contacts sur WeChat

Le javascript natif réalise le partage avec la fonction de cercle damis, prend en charge les compétences iOS et Android_javascript
Figure 4 : Partage QQ avec les contacts

Le javascript natif réalise le partage avec la fonction de cercle damis, prend en charge les compétences iOS et Android_javascript
Figure 5 : Partage QQ vers l'espace

Le javascript natif réalise le partage avec la fonction de cercle damis, prend en charge les compétences iOS et Android_javascript
Figure 6 : Appel du composant de partage intégré au navigateur