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用の場合実行
}
})
このような条件分岐とブラウザの判定を入れると、ほぼ網羅できると思われます。
