Web production note

　【更新日 : 】

【JavaScript】モバイル端末かどうか判別できるライブラリ「isMobile」

Category：
JavaScript
Tags：
, ,

モバイル端末かどうか判別できるライブラリ「isMobile」を利用したサンプルコードです。
軽量でかなり詳細に判別をする事もできます。

「isMobile」のコアファイルをダウンロード

「isMobile」のコアファイルは、GitHubページよりダウンロードが可能です。

isMobile – GitHub

「isMobile」の使い方

「isMobile」を利用すると「true」か「false」で結果を返します。
単純にモバイル端末かどうかを判別したい場合は「isMobile.any」を活用すると良さそうです。

if(isMobile.any) {
	//モバイル端末でアクセスしている場合の処理
} else {
	//モバイル端末以外でアクセスしている場合の処理
}

モバイル端末・スマートフォン・タブレットを判別

//「true」か「false」で結果を返します
//モバイル端末（スマートフォン・タブレット）かどうかを判別
isMobile.any
//スマートフォンかどうかを判別
isMobile.phone
//タブレットかどうかを判別
isMobile.tablet

Appleのデバイスを判別

//「true」か「false」で結果を返します
//iPhoneかどうかを判別
isMobile.apple.phone
//iPodかどうかを判別
isMobile.apple.ipod
//iPadかどうかを判別
isMobile.apple.tablet
//Appleのデバイス（iPhone・iPod・iPad）かどうかを判別
isMobile.apple.device

Androidのデバイスを判別

//「true」か「false」で結果を返します
//Androidのスマートフォンかどうかを判別
isMobile.android.phone
//Androidのタブレットかどうかを判別
isMobile.android.tablet
//Android端末（スマートフォン・タブレット）かどうかを判別
isMobile.android.device

Amazon Silkのデバイスを判別

//「true」か「false」で結果を返します
//Amazon Silkのスマートフォンかどうかを判別
isMobile.amazon.phone
//Amazon Silkのタブレットかどうかを判別
isMobile.amazon.tablet
//Amazon Silk端末（スマートフォン・タブレット）かどうかを判別
isMobile.amazon.device

Windowsのデバイスを判別

//「true」か「false」で結果を返します
//Windowsのスマートフォンかどうかを判別
isMobile.windows.phone
//Windowsのタブレットかどうかを判別
isMobile.windows.tablet
//Windows端末（スマートフォン・タブレット）かどうかを判別
isMobile.windows.device

7インチデバイスの判別

//「true」か「false」で結果を返します
//7インチデバイスかどうかを判別
isMobile.seven_inch
/*
	以下の端末のときに「true」を返します
	・Nexus 7
	・Kindle Fire
	・Nook Tablet（7 inch）
	・Galaxy Tab（7 inch）
*/

その他のモバイル端末を判別

//「true」か「false」で結果を返します
//BlackBerry 10かどうかを判別
isMobile.other.blackberry_10
//BlackBerryかどうかを判別
isMobile.other.blackberry
//Opera Miniかどうかを判別
isMobile.other.opera (Opera Mini)
//Firefoxかどうかを判別
isMobile.other.firefox
//Chromeかどうかを判別
isMobile.other.chrome
//その他のモバイル端末（BlackBerry 10・BlackBerry・Opera Mini・Firefox・Chrome）かどうかを判別
isMobile.other.device

ユーザーエージェントの分岐では、どの程度含めるか悩ましいところがあるのですが、単純にPCかモバイル端末かを判別したいだけの時には「isMobile.any」が重宝しそうです。

関連リンク