Detectando HTML <a> apoyo clic para llamar en Javascript

Question

Hay dos maneras de tener vínculos click-to-call en HTML

• <a href="wtai://wp/mc;+1800229933</a> WTAI estilo (Nokia, otros)

• <a href="tel:+1-800-275-2273">Call Apple Customer Support at 1-800-275-2273</a>. TEL estilo (Apple)

cómo se puede

• detecta qué formato es compatible con el agente de usuario actual en Javascript?

• ¿Es posible hacer la detección sin depender de la cadena de agente de usuario

Más información

• http://www.mobilexweb.com/blog/click-to-call-links-mobile-browsers

• http://www.raizlabs.com/blog/2007/07/02/iphone-telephone-hyperlinks/

Answer 1

Max Firtman tiene un excelente artículo en how to create click-to-call links for mobile browsers. Afirma que el protocolo tel: es compatible con casi todos los dispositivos móviles, incluidos: Safari en iOS, navegador Android, navegador webOS, navegador Symbian, Internet Explorer, Opera Mini y navegadores de dispositivos de gama baja.

Debido a la gran compatibilidad con el protocolo tel:, sugiero que utilice el protocolo tel:. Para admitir Nokia, comprobaría si el navigator.userAgent contiene la huella de Nokia. Si es así, reemplace tel:-wtai://wp/mc;

Si puede utilizar jQuery, el Javascript podría ser algo como:

if (/(Series60|Nokia)/i.test(navigator.userAgent)){ 
    $("a[href^='tel:']").each(function(){ 
    this.href = this.href.replace("tel:", "wtai://wp/mc;"); 
    }); 
}