Обнаружение поддержки HTML <a>click-to-call в Javascript

В HTML

есть два способа иметь ссылки "за клик".

  • <a href="wtai://wp/mc;+1800229933</a> Стиль WTAI (Nokia, другие)

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

Как можно

  • определить, какой формат поддерживается текущим пользовательским агентом в Javascript?

  • Возможно ли выполнить обнаружение, не полагаясь на строку пользовательского агента.

Дополнительная информация

Ответы

Ответ 1

Max Firtman имеет отличную статью о о том, как создавать ссылки для звонков для мобильных браузеров. Он утверждает, что протокол tel: поддерживается почти каждым мобильным устройством, в том числе: Safari в iOS, Android Browser, браузере WebOS, браузерах Symbian, обозревателях Internet Explorer, Opera Mini и младших классах.

Из-за широкой поддержки протокола tel: я бы предложил просто использовать протокол tel:. Для поддержки Nokia я бы проверил, содержит ли navigator.userAgent содержание Nokia. Если это так, замените tel: на wtai://wp/mc;

Если вы можете использовать jQuery, Javascript может выглядеть примерно так:

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