携帯電話にしか効かない<tel>タグですが、通常HPに記述すると当然PCでクリックするとNotFoundという不細工な画面が出てしまいます。

これを回避する方法はありませんか?
FC2ブログで使いたいので、基本的にPC版と携帯版は同じソースになることが前提となります。
完全にページを分けてしまう手は、今回避けて回答お願いいたします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:matsunaga No.1

回答回数536ベストアンサー獲得回数87

ポイント25pt

http://www.tagindex.com/stylesheet/box/display.html

スタイルシート[CSS]/ボックス/表示のタイプ(ブロック・インライン・リスト・非表示)を指定する - TAG index

とりあえず、現状、携帯電話では大半がCSSを認識しないという前提に依存した方法を考えてみました。


本文の方にはこう書いておきます(classがキモ)。


電話番号:03-0000-0000 <a href=”tel:0300000000” class=”telnumber”>電話をかける</a>


CSSに以下の記述。


.telnumber {

display:none

}


これで、PC版にはtelリンク部分(「電話をかける」)そのものが表示されなくなります。

ただし、京ぽんなどCSSを解釈して表示する携帯電話が普及するとこの手は使えなくなりますね。

id:nana0630 No.2

回答回数115ベストアンサー獲得回数0

ポイント25pt

例えば、こういうのはどうでしょうか?


<a href=”tel:000-0000-0000” onClick=”window.open(’http://xxx.xxx.xxx/’,’’,’’);return false”>


この場合、Javascriptを理解できるブラウザはonClickのURLを開き、理解できない携帯電話などは、hrefの方に流れます。


はずれですか??

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません