0

私が作りたいのは、ユーザーが電話をかけることができるボタンです。デスクトップでは、この要素は大きな行動を促すフレーズのように見えます。

デスクトップ上

次に、モバイルでは、これは行動を促すフレーズと実際の呼び出し方法の両方になります。

モバイルで

私が今対処しなければならない課題は、通話機能はモバイルでのみ存在する必要があるということです. これは私の現在のコードです：

<div id="headerCTA">
  <div>
    <a href="tel:888-336-1301">
      <div>
        Schedule a pickup<br>
        888-336-1301
      </div>  
    </a>
  </div>
</div>

[GitHub のコードの要点 - 追加のコメント用]

ただし、デスクトップの場合 (画面の幅によって決まりますか?)、このリンクは無効にする必要があります。現時点で誰かがデスクトップからこれをクリックすると、「tel:888-336-1301」としてページを開こうとします。

次のエラーが発生します。

アドレスが認識されませんでした プロトコル (tel) がどのプログラムにも関連付けられていないため、Firefox はこのアドレスを開く方法を知りません。

4

2 に答える 2

1

ここで受け入れられた回答のようなモバイル検出スクリプトを使用します:モバイルブラウザーの検出

それで

var mobile = mobilecheck();
if (!mobile) {
  document.getElementById('telephone-link').href = '#';
}
于 2013-08-01T23:12:09.663 に答える