Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript

Terdapat banyak alatan perkongsian arus perdana sekarang, seperti JiaThis, perkongsian bShare, dan juga beberapa syarikat besar seperti perkongsian Baidu, tetapi mereka masih hanya berkongsi di bahagian PC, dan sokongan untuk telefon mudah alih tidak begitu baik.

Semua orang tahu bahawa banyak penyemak imbas mudah alih kini mempunyai beberapa komponen perkongsian terbina dalam, seperti Penyemak Imbas UC dan Pelayar QQ Perkongsian komponen terbina dalam boleh memulakan perkongsian APP yang sepadan secara langsung Jika JS boleh menghubungi penyemak imbas terbina dalam berkongsi Komponen, betapa hebatnya.

Pakar adalah antara orang yang editor Script House di bawah akan menunjukkan kepada anda perpustakaan JS yang ditulis oleh saudara ini.

1. Pengenalan alat nativeShare.js

Alat yang boleh memanggil perkongsian asli secara terus melalui javascript Alat ini mempunyai ciri-ciri berikut:

1 Sokong Weibo asli, rakan WeChat, Momen WeChat, rakan QQ dan perkongsian ruang QQ
2. Sokong memanggil lebih banyak fungsi perkongsian penyemak imbas
3. Tidak bergantung pada mana-mana jquery atau pemalam lain
Nota: Pada masa ini hanya penyemak imbas UC mudah alih dan penyemak imbas QQ disokong

alamat projek github: https://github.com/JefferyWang/nativeShare.js
Alamat projek Git@OSC: http://git.oschina.net/wangjunfeng/nativeShare.js

2. Cara menggunakan

1.Perkenalkan fail CSS

Salin kod Kod adalah seperti berikut:

2. Masukkan kod berikut di mana anda perlu menambah perkongsian:

Salin kod Kod adalah seperti berikut:

3. Tambah maklumat konfigurasi dan nyatakan

Salin kod Kod adalah seperti berikut:

var config = {
              url:'http://blog.wangjunfeng.com',// Pautan web kongsi
           tajuk:'Blog peribadi Wang Junfeng', // tajuk
desc:'Blog peribadi Wang Junfeng',//Penerangan
img:'http://www.wangjunfeng.com/img/face.jpg',// Gambar
           img_title:'Blog peribadi Wang Junfeng', // Tajuk gambar
           daripada:'Blog Wang Junfeng' // Sumber
};
var share_obj = new nativeShare('nativeShare',config);

3. Tangkapan skrin tunjuk cara

Gambar 1: Kongsi ke Sina Weibo

Gambar 2: Kongsi ke Detik WeChat

Gambar 3: Kongsi dengan kenalan di WeChat

Rajah 4: Perkongsian QQ kepada kenalan

Rajah 5: Perkongsian QQ ke angkasa lepas

Rajah 6: Memanggil komponen perkongsian terbina dalam penyemak imbas