うつ病WEBデザイナーがうつ病を克服するため独学で学んだことをアウトプットして共有するためのブログ

うつWEB

iPhone WEBデザイン

iPhoneで電話番号に勝手に電話発信のリンクが付いてしまう余計なお節介を無効にする方法

2019年8月19日

headタグ内に以下のメタタグを挿入。

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

これだけ。

商品コードとか品番などの数字の連続をサイトに記載してる場合、電話番号じゃないのに勝手にリンクが追加されて、タップするとその品番に発信しようとしちゃいますよねー。

それでその商品のお問い合わせとか注文とかできたらいいけどそんわけないですよねー。

なので基本的には、このメタタグ入れといて、電話番号発信させたい箇所だけ通常の

<a href="tel:9999999999">99-9999-9999</a>

って感じで処理しています。

iPhone以外のスマホOSやブラウザの種類によっても電話番号への自動リンクが付いたり付かなかったりするとサイト全体の機能にも影響してくるので、面倒かもしれないけど、

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

<a href="tel:9999999999">99-9999-9999</a>

で対応したほうがいいような気はしますね。ケースバイケースですけど。

-iPhone, WEBデザイン
-, ,

Copyright© うつWEB , 2020 All Rights Reserved Powered by AFFINGER5.