スマホで閲覧したときには電話番号タップで電話をかけられるようにしたい。 でも、ただリンクを貼っただけだとPCで閲覧したときには「開けません」などのメッセージが表示されてしまいます。 スマホで閲覧したときにだけ電話番号へのリンクを追加するようにすると便利です。 調べた中ではjQueryでの実装が記述もシンプルで分かりやすかったです。 サンプル JavaScriptでUserAgentを取得してスマホからのアクセスかを判別し、class名(tel)が指定された画像やテキストの周りをaタグ(<a href="tel:0120111111"></a>)で囲んでいます。 <!-- 画像でリンク --> <img src="img/tel.png" alt="フリーコール:0120111111" class="tel"> <!-- テキストでリンク --> <span class="tel">フリーコ