レスポンシブなWebページで、スマートフォンを判別して電話番号リンクを有効に｜cleverdog

テクノロジーカテゴリーの変更を依頼記事元:

cleverdog.me

10 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fcleverdog.me%2Fpost%2F70047012287%2F%25E3%2583%25AC%25E3%2582%25B9%25E3%2583%259D%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%2596%25E3%2581%25AAweb%25E3%2583%259A%25E3%2583%25BC%25E3%2582%25B8%25E3%2581%25A7%25E3%2582%25B9%25E3%2583%259E%25E3%2583%25BC%25E3%2583%2588%25E3%2583%2595%25E3%2582%25A9%25E3%2583%25B3%25E3%2582%2592%25E5%2588%25A4%25E5%2588%25A5%25E3%2581%2597%25E3%2581%25A6%25E9%259B%25BB%25E8%25A9%25B1%25E7%2595%25AA%25E5%258F%25B7%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF%25E3%2582%2592%25E6%259C%2589%25E5%258A%25B9%25E3%2581%25AB" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://cleverdog.me/post/70047012287/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AAweb%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%92%E5%88%A4%E5%88%A5%E3%81%97%E3%81%A6%E9%9B%BB%E8%A9%B1%E7%95%AA%E5%8F%B7%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E6%9C%89%E5%8A%B9%E3%81%AB">レスポンシブなWebページで、スマートフォンを判別して電話番号リンクを有効に｜cleverdog</a><a href="https://b.hatena.ne.jp/entry/cleverdog.me/post/70047012287/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AAweb%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%92%E5%88%A4%E5%88%A5%E3%81%97%E3%81%A6%E9%9B%BB%E8%A9%B1%E7%95%AA%E5%8F%B7%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E6%9C%89%E5%8A%B9%E3%81%AB">はてなブックマーク - レスポンシブなWebページで、スマートフォンを判別して電話番号リンクを有効に｜cleverdog</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

レスポンシブなWebページで、スマートフォンを判別して電話番号リンクを有効に｜cleverdog

レスポンシブなWebページでは、スマートフォンからの閲覧時には電話番号をタップで発信出来る様にしたい... レスポンシブなWebページでは、スマートフォンからの閲覧時には電話番号をタップで発信出来る様にしたいので、jQueryで対応しました。 <a href="tel:00-0000-0000">電話をかける</a> 上記のようなtelリンクを使うとスマホから発信出来るようになるので、ユーザーエージェントを判別して、スマホからのアクセスの時のみhtmlを書き換える処理をします。電話番号の表示を画像でデザインすることも多いので、画像の場合はaltの内容を番号に指定します。【JS】 $(function(){ var ua = navigator.userAgent; if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0){ $('.tel-link').each(function(){ if($(this).is('img')) {