iPhoneとAndroidの時のみリンクをつける

2023年8月1日

電話番号などはよく使うかも、特にお店関係。
まず電話番号をspanで囲む

<span class="tel-link">080-0000-0000</span>

あとはjsに以下を追加。

$(function() {
  var ua = navigator.userAgent;

  if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0){
    $('.tel-link').each(function(){
      var str = $(this).text();
      $(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
    });
  }
});
PAGE TOP