
wasap.js • العروض التوضيحية
أولاً ، أضف سمة data-whatsapp إلى العقد التي تريد أن تكون قابلة للنقر:
<span data-whatsapp="5210000000000">Reach me via WhatsApp!</span>
ثم قم بتضمين ملف JS وتهيئته.
wasap.init();
data-whatsapp مطلوب ، يوصى بأن يكون علامة <span> (أو أي عنصر مضمّن لهذه المسألة) ، ويجب ألا يكون عنصرًا <a> .
data-whatsapp (مطلوب) • تأكد من استخدام تنسيق الهاتف الدولي لتحسين نتائج واستخدام أرقام فقط-لا توجد واصلات أو مسافات أو علامات.data-whatsapp-message (اختياري) • مسبقًا رسالة. ➡ enableIf (regex | وظيفة | منطقية ، الافتراضات إلى /android|iphone|ipad/i )
منصات مدعومة حاليًا ، إذا كانت Regex ، تتطابق مع window.navigator.userAgent . عند استخدامها كدالة ، يمكن أن تكون أكثر وحدات ، ويعطل المنطق أو يمكّن لكل منصة.
protocolIf (regex | وظيفة | منطقية ، الافتراضات إلى /android|iphone|ipad/i )
إذا تم تمكينه ، فما هي الشروط التي ينبغي استيفاءها لإعادة توجيه المستخدم إلى بروتوكول whatsapp بدلاً من عنوان URL http ، والذي لا يعمل على الهاتف المحمول في الوقت الحالي.
➡ openCallback (وظيفة ، افتراضيات إلى window.open )
إذا تم تمكين elementCallback ، فيمكنك منع النقر من التشغيل للقيام بعمل مخصص. بعد هذا السلوك المخصص ، تحدد هذه الوظيفة كيفية إعادة توجيه المستخدم.
➡ elementCallback (وظيفة)
رد الاتصال على كل عنصر من العناصر الموجودة ، حتى تتمكن من تخصيص سلوكه (انقر فوق عمليات الاسترجاعات ، والأحداث الأخرى ، وتعديل محتوى العقدة ، إلخ)
➡ newNodeSelector (سلسلة ، افتراضيات إلى أ)
العنصر الذي سيتم إلحاقه بالعنصر الهدف ، أي اسم علامة يجب أن يكون عليه؟ إذا كان ، فسيقوم بإنشاء سمة HREF. وهو يدعم المعرفات والفصول.
nvm use 4 && npm installnpm run dev