ตอนนี้มีเครื่องมือแบ่งปันกระแสหลักมากมายเช่น Jiathis, Bshare Sharing และแม้แต่ บริษัท ขนาดใหญ่บางแห่งเช่น Baidu Sharing แต่พวกเขายังคงแบ่งปันด้านพีซีและการสนับสนุนโทรศัพท์มือถือไม่ค่อยดีนัก
ทุกคนรู้ว่าเบราว์เซอร์มือถือจำนวนมากตอนนี้มีส่วนประกอบการแชร์ในตัวเช่นเบราว์เซอร์ UC และเบราว์เซอร์ QQ การแชร์ส่วนประกอบในตัวสามารถเริ่มการแชร์แอปที่เกี่ยวข้องโดยตรง มันจะเจ๋งแค่ไหนถ้า JS สามารถเรียกองค์ประกอบการแชร์ในตัวของเบราว์เซอร์ได้
ผู้เชี่ยวชาญอยู่ในหมู่คน บรรณาธิการของ Wulin.com จะพาคุณไปดูห้องสมุด JS ที่เขียนโดยพี่ชายคนนี้
1. เครื่องมือแนะนำ Nativeshare.js
เครื่องมือที่สามารถเรียกการแบ่งปันแบบดั้งเดิมได้โดยตรงผ่าน JavaScript ซึ่งมีคุณสมบัติดังต่อไปนี้:
1. สนับสนุน Weibo พื้นเมือง, Wechat Friends, Wechat Moments, QQ Friends, QQ Space Sharing
2. สนับสนุนการโทรเบราว์เซอร์สำหรับฟังก์ชั่นการแชร์เพิ่มเติม
3. อย่าพึ่งพา jQuery และปลั๊กอินอื่น ๆ
หมายเหตุ: ปัจจุบันรองรับเบราว์เซอร์ UC มือถือและเบราว์เซอร์ QQ เท่านั้น
ที่อยู่โครงการ GitHub: https://github.com/jefferywang/nativeshare.js
Git@OSC ที่อยู่โครงการ: http://git.oschina.net/wangjunfeng/nativeshare.js
2. วิธีใช้
1. แนะนำไฟล์ CSS
การคัดลอกรหัสมีดังนี้:
<link rel = "stylesheet" href = "nativeshare.css"/>>>>
2. แทรกรหัสต่อไปนี้ซึ่งคุณต้องเพิ่มการแชร์:
การคัดลอกรหัสมีดังนี้:
<div id = "Nativeshare"> </div>
3. เพิ่มข้อมูลการกำหนดค่าและสร้างอินสแตนซ์
การคัดลอกรหัสมีดังนี้:
<script>
var config = {
URL: 'http: //blog.wangjunfeng.com',// ลิงค์หน้าเว็บที่แชร์
ชื่อเรื่อง: 'บล็อกส่วนตัวของ Wang Junfeng', // ชื่อเรื่อง
desc: 'บล็อกส่วนตัวของ Wang Junfeng', // คำอธิบาย
img: 'http: //www.wangjunfeng.com/img/face.jpg',// รูปภาพ
img_title: 'บล็อกส่วนตัวของ Wang Junfeng', // ชื่อภาพ
จาก: 'บล็อกของ Wang Junfeng' // แหล่งที่มา
-
var share_obj = nativeshare ใหม่ ('Nativeshare', config);
</script>
3. การสาธิตภาพหน้าจอ
รูปที่ 1: แบ่งปันกับ Sina Weibo
รูปที่ 2: แบ่งปันช่วงเวลา WeChat
รูปที่ 3: แบ่งปันกับผู้ติดต่อผ่าน WeChat
รูปที่ 4: การแชร์ QQ กับผู้ติดต่อ
รูปที่ 5: การแชร์ QQ ไปยังอวกาศ
รูปที่ 6: เรียกองค์ประกอบการแชร์ในตัวของเบราว์เซอร์