wasap.js

wasap.js

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 （可選）•預設一條消息。

API

enableIf （REGEX |函數|布爾值，默認為/android|iphone|ipad/i ）

當前支持的平台（如果是正則是REGEX）與window.navigator.userAgent匹配。當用作函數時，它可以更模塊化，並且布爾值可禁用或啟用每個平台。

protocolIf （regex |函數|布爾值，默認為/android|iphone|ipad/i ）

如果啟用，應滿足用戶將用戶重定向到whatsapp協議而不是http URL的情況，該條件目前尚不在移動設備上。

openCallback （函數，默認為window.open ）

如果啟用了elementCallback ，則可以防止單擊觸發來執行自定義操作。在此自定義行為之後，此功能定義瞭如何重定向用戶。

➡ elementCallback （函數）

對每個元素進行回調，因此您可以自定義其行為（單擊回調，其他事件，修改節點的內容等）

newNodeSelector （字符串，默認為a）

將附加到目標元素的元素，應該具有哪個標籤名稱？如果a，它將創建HREF屬性。它支持ID和類。

貢獻

1. 安裝nodejs（NVM）
2. 運行nvm use 4 && npm install
3. 然後npm run dev

路線圖

• 測試
• 弄清楚如何使用WhatsApp網絡