JSでブラウザとモバイルの種類を判定する(簡易版)
- 2019.09.03
- JavaScript

JSでブラウザの種類とモバイルの種類(iphone, ipad, android)を判定するコードです。
userAgentの値は結構変わったりするので、ua-parser-jsの様なライブラリを使うのが一番だと思うのですが、そこまで大げさなものはいらないときには下記のコードで十分かと思います。
コード
function checkInterFace() {
var userAgent = window.navigator.userAgent;
var browser = '';
var mobile = '';
if(userAgent.indexOf('msie') != -1 || userAgent.toLowerCase().indexOf('trident') != -1) {
browser = 'ie';
} else if(userAgent.toLowerCase().indexOf('edge') != -1) {
browser = 'edge';
} else if(userAgent.indexOf('chrome') != -1) {
browser = 'chrome';
} else if(userAgent.indexOf('safari') != -1) {
browser = 'safari';
} else if(userAgent.indexOf('firefox') != -1) {
browser = 'firefox';
} else if(userAgent.indexOf('opera') != -1) {
browser = 'opera';
} else {
browser = 'other';
}
if(userAgent.indexOf('iphone') != -1) {
mobile = 'iPhone';
} else if(userAgent.indexOf('ipad') != -1) {
mobile = 'ipad';
} else if(userAgent.indexOf('android') != -1) {
mobile = 'android';
}
return {
browser : browser,
mobile : mobile,
}
}
var check = checkInterFace();
console.log(check.browser); // ブラウザ
console.log(check.mobile); // モバイル
参考
-
前の記事
特定サイズの画像urlを取得する 2019.09.02
-
次の記事
WordPressの子テーマでできることと使い方 2019.09.03