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 )

활성화 된 경우 사용자를 http URL 대신 whatsapp 프로토콜로 리디렉션하기 위해 어떤 조건을 충족 해야하는지 현재 모바일에서 작동하지 않습니다.

openCallback (함수, 기본값으로 window.open )

elementCallback 활성화되면 클릭이 맞춤 작업을 수행하는 것을 방지 할 수 있습니다. 이 사용자 지정 동작 후에이 기능은 사용자의 리디렉션 방법을 정의합니다.

➡ elementCallback (기능)

찾은 각 요소에 대한 콜백이 있으므로 동작을 사용자 정의 할 수 있습니다 (콜백, 기타 이벤트를 클릭하고 노드의 컨텐츠 수정 등).

➡ newNodeSelector (문자열, 기본값 a)

대상 요소에 추가 될 요소, 어떤 태그 이름이 있어야합니까? A이면 HREF 속성을 생성합니다. ID 및 클래스를 지원합니다.

기여하다

1. nodejs 설치 (NVM)
2. nvm use 4 && npm install 실행하십시오
3. 그런 다음 npm run dev

로드맵

• 테스트
• WhatsApp 웹에서 무엇을 해야하는지 알아 내십시오