スマホで閲覧した時だけ電話番号をタップして電話できるようにする

スマートフォンでホームページを閲覧すると電話番号がリンクで電話がかけれるようになり

PCで見るとリンクが表示されないようにする方法

JavaScriptに記載する

$(function(){
	if(!navigator.userAgent.match(/(iPhone|iPad|Android)/)){
		$("a.tel-link").each(function(){
			$(this).replaceWith("<span>" + $(this).html() + "</span>");
			});
	}
});

HTMLに記載する

<a class="tel-link" href="tel:072-233-0191">072-233-0191</a>

電話番号を自動でリンクを貼る設定をOFFにする

<meta name="format-detection" content="telephone=no">