Natives Javascript ermöglicht die Funktion „Teilen an Freundeskreise' und unterstützt iOS- und Android_Javascript-Fähigkeiten

Mittlerweile gibt es viele gängige Sharing-Tools wie JiaThis, bShare Sharing und sogar einige große Unternehmen wie Baidu Sharing, aber sie teilen immer noch nur auf der PC-Seite und die Unterstützung für Mobiltelefone ist nicht sehr gut.

Jeder weiß, dass viele mobile Browser jetzt über einige integrierte Freigabekomponenten verfügen, wie z. B. UC Browser und QQ Browser. Die integrierte Komponentenfreigabe kann die entsprechende APP-Freigabe direkt starten Komponenten teilen, wie cool ist das?

Experten sind unter den Leuten. Der Herausgeber von Script House unten zeigt Ihnen die von diesem Bruder geschriebene JS-Bibliothek.

1. Tool-Einführung nativeShare.js

Ein Tool, das natives Teilen direkt über Javascript aufrufen kann. Dieses Tool weist die folgenden Eigenschaften auf:

1. Unterstützen Sie natives Weibo, WeChat-Freunde, WeChat-Momente, QQ-Freunde und QQ-Space-Sharing
2. Unterstützen Sie den Aufruf weiterer Freigabefunktionen des Browsers
3. Verlässt sich nicht auf JQuery oder andere Plug-Ins
Hinweis: Derzeit werden nur der mobile UC-Browser und der QQ-Browser unterstützt

Github-Projektadresse: https://github.com/JefferyWang/nativeShare.js
Git@OSC-Projektadresse: http://git.oschina.net/wangjunfeng/nativeShare.js

2. So verwenden Sie

1.CSS-Dateien einführen

Code kopieren Der Code lautet wie folgt:

2. Fügen Sie den folgenden Code an der Stelle ein, an der Sie die Freigabe hinzufügen möchten:

Code kopieren Der Code lautet wie folgt:

3. Konfigurationsinformationen hinzufügen und instanziieren

Code kopieren Der Code lautet wie folgt:

<script><br /> var config = {<br />               <a href="'http://blog.wangjunfeng.com',//">URL:'http://blog.wangjunfeng.com',//Geteilter Weblink<br />            Titel: „Wang Junfengs persönlicher Blog“, // Titel <br /> desc:'Wang Junfengs persönlicher Blog',//Beschreibung<br /> img:'http://www.wangjunfeng.com/img/face.jpg',// Bild<br />            img_title:'Wang Junfengs persönlicher Blog', // Bildtitel <br />            aus: „Wang Junfengs Blog“ // Quelle <br /> };<br /> var share_obj = new nativeShare('nativeShare',config);<br /> </script>

3. Demonstrations-Screenshots

Bild 1: Teilen mit Sina Weibo

Bild 2: Auf WeChat-Momente teilen

Bild 3: Mit Kontakten auf WeChat teilen

Abbildung 4: QQ-Freigabe an Kontakte

Abbildung 5: QQ-Freigabe im Weltraum

Abbildung 6: Aufruf der integrierten Sharing-Komponente des Browsers