javascript - JavascriptでのHTMLクリックツーコールサポートの検出

Question

HTMLでクリックして呼び出すリンクを作成する方法は2つあります

• <a href="wtai://wp/mc;+1800229933</a>WTAIスタイル（ノキア、その他）

• <a href="tel:+1-800-275-2273">Call Apple Customer Support at 1-800-275-2273</a>.TELスタイル（アップル）

どうすれば

• Javascriptで現在のユーザーエージェントがサポートしているフォーマットを検出しますか？

• ユーザーエージェント文字列に依存せずに検出を行うことは可能ですか？

より詳しい情報

• 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には、モバイルブラウザ用のクリックツーコールリンクを作成する方法に関するすばらしい記事があります。彼は、このtel:プロトコルは、iOS上のSafari、Androidブラウザー、webOSブラウザー、Symbianブラウザー、Internet Explorer、Opera Mini、およびローエンドデバイスブラウザーを含む、ほぼすべてのモバイルデバイスでサポートされていると述べています。

プロトコルが広くサポートされているため、tel:プロトコルを使用することをお勧めしtel:ます。Nokiaをサポートするために、navigator.userAgentNokiaのフットプリントが含まれているかどうかを確認します。もしそうなら、に置き換え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;");
  });
}