Es gibt jetzt viele Mainstream -Sharing -Tools wie Jiathis, Bshare Sharing und sogar einige große Unternehmen wie Baidu Sharing, aber sie teilen sich immer noch nur auf der PC -Seite, und ihre Unterstützung für Mobiltelefone ist nicht sehr gut.
Jeder weiß, dass viele mobile Browser jetzt einige gemeinsame Nutzungskomponenten integriert haben, z. B. den UC-Browser und den QQ-Browser. Die integrierte gemeinsame Nutzung von Komponenten kann die entsprechende App-Freigabe direkt starten. Wie cool wäre es, wenn ein JS die eingebaute Freigabebomponente des Browsers anrufen könnte.
Experten gehören zu den Menschen. Der Herausgeber von Wulin.com bringt Sie mit, um die von diesem Bruder geschriebene JS -Bibliothek zu sehen.
1. Tool Einführung nativeshare.js
Ein Tool, das die native gemeinsame Nutzung über JavaScript direkt aufrufen kann, das die folgenden Eigenschaften aufweist:
1. Support Native Weibo, Wechat -Freunde, Wechat -Momente, QQ -Freunde, QQ Space Sharing
2. Support Calling Calling Browser für weitere Freigabefunktionen
3.. Verlassen Sie sich nicht auf JQuery und andere Plugins
Hinweis: Derzeit werden nur mobiler UC -Browser und QQ -Browser unterstützt
GitHub -Projektadresse: https://github.com/jefferywang/nativeshare.js
GIT@OSC -Projektadresse: http://git.oschina.net/wangjunfeng/nativeshare.js
2. wie man benutzt
1.Idern Sie CSS -Dateien ein
Die Codekopie lautet wie folgt:
<link rel = "stylesheet" href = "nativeshare.css"/>
2. Fügen Sie den folgenden Code ein, in dem Sie die Freigabe hinzufügen müssen:
Die Codekopie lautet wie folgt:
<div id = "nativeshare"> </div>
3. Fügen Sie Konfigurationsinformationen hinzu und instanziieren Sie sie
Die Codekopie lautet wie folgt:
<Script>
var config = {
URL: 'http: //blog.wangjunfeng.com',// Shared Webseitenlink
Titel: 'Wang Junfengs persönlicher Blog', // Titel
Desc: 'Wang Junfengs persönlicher Blog', // Beschreibung
IMG: 'http: //www.wangjunfeng.com/img/face.jpg',// Bild
IMG_TITLE: 'Wang Junfengs persönlicher Blog', // Bild -Titel
Von: 'Wang Junfengs Blog' // Quelle
};
var Share_OBJ = new NativesHare ('nativeshare', config);
</script>
3. Demonstrations -Screenshot
Abbildung 1: Teilen Sie Sina Weibo mit
Abbildung 2: Teilen Sie WeChat Momente
Abbildung 3: Teilen Sie mit Kontakten über WeChat
Abbildung 4: QQ nimmt mit Kontakten teil
Abbildung 5: QQ -Teilen an den Raum
Abbildung 6: Aufrufen der integrierten Sharing-Komponente des Browsers