Ada banyak alat berbagi arus utama sekarang, seperti Jiathis, berbagi Bshare, dan bahkan beberapa perusahaan besar seperti berbagi Baidu, tetapi mereka masih hanya berbagi di sisi PC, dan dukungan mereka untuk ponsel tidak terlalu bagus.
Semua orang tahu bahwa banyak browser seluler sekarang memiliki beberapa komponen berbagi bawaan, seperti browser UC dan browser QQ. Berbagi komponen bawaan dapat secara langsung memulai berbagi aplikasi yang sesuai. Betapa kerennya jika JS dapat memanggil komponen berbagi bawaan browser.
Para ahli adalah di antara orang -orang. Editor Wulin.com akan membawa Anda untuk melihat Perpustakaan JS yang ditulis oleh saudara ini.
1. PENDAHULUAN PENGANTAR NativeHare.js
Alat yang dapat secara langsung memanggil berbagi asli melalui JavaScript, yang memiliki karakteristik berikut:
1. Dukung Weibo asli, teman WeChat, momen WeChat, teman QQ, berbagi ruang QQ
2. Dukungan browser panggilan untuk lebih banyak fungsi berbagi
3. Jangan bergantung pada jQuery dan plugin lainnya
Catatan: Saat ini, hanya browser UC seluler dan browser QQ yang didukung
Alamat Proyek Github: https://github.com/jefferywang/nativeshare.js
Git@OSC Alamat Proyek: http://git.oschina.net/wangjunfeng/nativeshare.js
2. Cara menggunakan
1.Tentroduce file CSS
Salinan kode adalah sebagai berikut:
<tautan rel = "stylesheet" href = "nativeShare.css"/>
2. Masukkan kode berikut di mana Anda perlu menambahkan berbagi:
Salinan kode adalah sebagai berikut:
<Div ID = "NativeHare"> </div>
3. Tambahkan informasi konfigurasi dan instantiate
Salinan kode adalah sebagai berikut:
<script>
var config = {
URL: 'http: //blog.wangjunfeng.com' ,// tautan halaman web dibagikan
Judul: 'Blog Pribadi Wang Junfeng', // Judul
Desc: 'Blog Pribadi Wang Junfeng', // Deskripsi
IMG: 'http: //www.wangjunfeng.com/img/face.jpg',// picture
IMG_TITLE: 'Blog Pribadi Wang Junfeng', // Judul Gambar
Dari: 'Blog Wang Junfeng' // Sumber
};
var share_obj = new nativeHare ('nativeHare', config);
</script>
3. Tangkapan layar demonstrasi
Gambar 1: Bagikan ke Sina Weibo
Gambar 2: Bagikan ke momen WeChat
Gambar 3: Bagikan dengan kontak melalui WeChat
Gambar 4: QQ berbagi dengan kontak
Gambar 5: Berbagi QQ ke luar angkasa
Gambar 6: Memanggil komponen berbagi bawaan browser