iPhoneとAndroidでUA判定する

iPhone/Androidで微妙にCSSを変えたい事が多いので、bodyにUAを判定してclassを設定するJavaScriptのメモ。

.iosとか.androidを起点にCSSを追加するだけでいいので結構便利。

本来ならもっと細かくUAを振り分けてもいいけれど、iPhoneかAndroidか程度で十分なので重宝してます。

1
2
3
4
5
6
7
8
9
(function(){
	var agent = navigator.userAgent,ua = '';
	if(agent.search(/iPhone/) != -1){
		ua = 'ios'
	}else if(agent.search(/Android/) != -1){
		ua = 'android'
	}
	if(ua) document.querySelector('body').setAttribute('class',ua)
})();
iPhoneとAndroidでUA判定する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です