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

WBOY
Lepaskan: 2016-05-16 08:59:54
asal
4830 orang telah melayarinya

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

Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript
Gambar 1: Kongsi ke Sina Weibo

Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript
Gambar 2: Kongsi ke Detik WeChat

Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript
Gambar 3: Kongsi dengan kenalan di WeChat

Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript
Rajah 4: Perkongsian QQ kepada kenalan

Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript
Rajah 5: Perkongsian QQ ke angkasa lepas

Javascript asli menyedari fungsi perkongsian kepada kalangan rakan dan menyokong kemahiran ios dan android_javascript
Rajah 6: Memanggil komponen perkongsian terbina dalam penyemak imbas

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!