هناك العديد من أدوات المشاركة السائدة الآن ، مثل Jiathis ، ومشاركة BSHARE ، وحتى بعض الشركات الكبيرة مثل مشاركة Baidu ، لكنها لا تزال تشارك على جانب الكمبيوتر فقط ، ودعمها للهواتف المحمولة ليس جيدًا.
يعلم الجميع أن العديد من متصفحات الهاتف المحمول لديها الآن بعض مكونات المشاركة مدمجة ، مثل متصفح UC ومتصفح QQ. يمكن لمشاركة المكونات المدمجة بدء مشاركة التطبيق المقابلة مباشرة. كم سيكون رائعًا إذا تمكنت JS من الاتصال بمكون المشاركة المدمج للمتصفح.
الخبراء من بين الناس. سوف يأخذك محرر Wulin.com لمشاهدة مكتبة JS التي كتبها هذا الأخ.
1. أداة مقدمة nativeshare.js
أداة يمكنها استدعاء المشاركة الأصلية مباشرة من خلال JavaScript ، والتي لها الخصائص التالية:
1. دعم مواطن ويبو ، 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"> </iv>
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 new ('nativeshare' ، config) ؛
</script>
3. لقطة الشاشة العرضية
الشكل 1: حصة إلى سينا ويبو
الشكل 2: حصة لحظات WeChat
الشكل 3: شارك مع جهات الاتصال عبر WeChat
الشكل 4: أسهم QQ مع جهات الاتصال
الشكل 5: مشاركة QQ إلى الفضاء
الشكل 6: استدعاء مكون المشاركة المدمج للمتصفح