style - Detectando compatibilidad con<a> clic-para llamar en HTML en JavaScript

infowindow google maps

Question

Hay dos formas de tener enlaces de clic para llamar en HTML

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

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

Cómo se puede

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

• ¿Es posible hacer la detección sin depender de la cadena del 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 sobre cómo crear enlaces de clic para llamar para navegadores móviles . 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 al amplio apoyo del protocolo tel: sugeriría usar el protocolo tel: Para apoyar a Nokia, comprobaría si el navigator.userAgent contiene la huella de Nokia. Si es así, reemplace tel: to wtai://wp/mc;

Si puede usar jQuery, el Javascript podría verse más o menos así:

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