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网络