Il existe maintenant de nombreux outils de partage grand public, tels que Jiathis, le partage de Bshare, et même certaines grandes entreprises telles que le partage de Baidu, mais elles ne font toujours que partager le côté du PC, et leur support pour les téléphones portables n'est pas très bon.
Tout le monde sait que de nombreux navigateurs mobiles ont désormais des composants de partage intégrés, tels que UC Browser et QQ Browser. Le partage de composants intégré peut démarrer directement le partage d'applications correspondant. Comme ce serait cool si un JS pouvait appeler le composant de partage intégré du navigateur.
Les experts sont parmi les gens. Le rédacteur en chef de Wulin.com vous emmènera voir la bibliothèque JS écrite par ce frère.
1. Tool Introduction nativeshare.js
Un outil qui peut appeler directement le partage natif via JavaScript, qui a les caractéristiques suivantes:
1. Soutenez Native Weibo, WeChat Friends, WeChat Moments, QQ Friends, QQ Space Partage
2. Prise en charge du navigateur d'appel pour plus de fonctions de partage
3. Ne comptez pas sur une jQuery et d'autres plugins
Remarque: Actuellement, seul le navigateur UC mobile et le navigateur 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. introduce les fichiers CSS
La copie de code est la suivante:
<link rel = "Stylesheet" href = "nativeshare.css" />
2. Insérez le code suivant où vous devez ajouter le partage:
La copie de code est la suivante:
<div id = "nativeshare"> </div>
3. Ajouter des informations de configuration et instancier
La copie de code est la suivante:
<cript>
var config = {
URL: 'http: //blog.wangjunfeng.com',// lien de page Web partagé
Titre: «Blog personnel de Wang Junfeng», // Titre
Desc: «Blog personnel de Wang Junfeng», // Description
IMG: 'http: //www.wangjunfeng.com/img/face.jpg' ,//
IMG_TITLE: «Blog personnel de Wang Junfeng», // Titre de l'image
De: 'Wang Junfeng's Blog' // Source
};
var share_obj = new nativeshare ('nativeshare', config);
</cript>
3. Capture d'écran de démonstration
Figure 1: Partager avec Sina Weibo
Figure 2: Partagez les moments de WeChat
Figure 3: Partager avec les contacts via WeChat
Figure 4: QQ partage avec des contacts
Figure 5: Partage QQ dans l'espace
Figure 6: Appeler le composant de partage intégré du navigateur