用途
新着
履歴
言語

  • GoogleAppsScript
  • Git

jQuery デバイス判別

jQuery デバイス判別
jQuery デバイス判別

PCやスマートフォンで挙動を変えたい時は以下のようにJavaScriptを記述すると便利です。

$(function () {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf('iphone') > 0 || ua.indexOf('ipod') > 0 || ua.indexOf('android') > 0 && ua.indexOf('mobile') > 0) {
        // スマートフォンの場合実行

    } else if (ua.indexOf('ipad') > 0 || ua.indexOf('android') > 0) {
        // タブレットの場合実行

    } else {
        // PC用の場合実行

    }
})
コード選択コード選択

デバイスの分類を細かく分けたい時は以下のようになります。

$(function () {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf('iphone') > 0 ) {
        // iPhoneの場合実行

    } else if ( ua.indexOf('ipod') > 0) {
        // iPodの場合実行

    } else if ( ua.indexOf('android') > 0 && ua.indexOf('mobile') > 0) {
        // モバイルのAndroidの場合実行

    } else if (ua.indexOf('ipad') > 0) {
        // iPadの場合実行

    } else if ( ua.indexOf('android') > 0) {
        // Androidのモバイル以外の場合実行

    } else {
        // PC用の場合実行

    }
})

このような条件分岐とブラウザの判定を入れると、ほぼ網羅できると思われます。

2019-07-29 21:12:57
LINEでシェア
このページの二次元コード

関連するサンプル

search -  category -  about
© 2019 kipure
Top