javascriptやcssをユーザーエージェント毎に読み分けさせる
2016年10月4日 10:50


もうこれももう毎度もうググっとるからもうメモじゃ。

◆各デバイスを振り分けてcssやjavascriptあてたり、アラート出したり、リダイレクトさせたり。

<script type="text/javascript">
	var ua = navigator.userAgent;
	
	if( ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) || ( ua.indexOf('windows') > 0 && ua.indexOf('phone') > 0) || ( ua.indexOf('firefox') > 0 && ua.indexOf('mobile') > 0) ) {
		alert("お前はiPhone/iPod touch/Android Mobile/Windows Phone/Firefox OSやな。");
		
		/*document.write('<link rel="stylesheet" href="sp.css">');CSSを切り替えたい時用*/
		/*location.href = '/sp/';ディレクトリを振り分けたい時用。*/
		
	} else if( ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0 || (ua.indexOf('windows') > 0 && ua.indexOf('touch') > 0) || ( ua.indexOf('firefox') > 0 && ua.indexOf('tablet') > 0) ) {
		alert("お前はiPad/Android Tablet/Windows Tablet/Firefox Tabletやな。");
		
		/*document.write('<link rel="stylesheet" href="tablet.css">');CSSを切り替えたい時用*/
		/*location.href = '/tablet/';ディレクトリを振り分けたい時用。*/
		
	} else {
		alert("お前はPCやな。");
		
		/*document.write('<link rel="stylesheet" href="pc.css">');CSSを切り替えたい時用*/
		/*location.href = '/pc/';ディレクトリを振り分けたい時用。*/
		
	}
</script>

◆より細かく絞ってアラートだけ出す。

<script type="text/javascript">
	var ua = navigator.userAgent;
	
	if( ua.indexOf('iPhone') > 0 ) {
		alert("お前はiPhoneやな。");
		
	} else if( ua.indexOf('iPod') > 0 ) {
		alert("お前はiPod touchやな。");
		
	} else if( ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0 ) {
		alert("お前はAndroid Mobileやな。");
		
	} else if( ua.indexOf('windows') > 0 && ua.indexOf('phone') > 0 ) {
		alert("お前はWindows Phoneやな。");
		
	} else if( ua.indexOf('firefox') > 0 && ua.indexOf('mobile') > 0 ) {
		alert("お前はFirefox OSやな。");
		
	} else if( ua.indexOf('iPad') > 0 ) {
		alert("お前はiPadやな。");
		
	} else if( ua.indexOf('Android') > 0 ) {
		alert("お前はAndroid Tabletやな。");
		
	} else if( ua.indexOf('windows') > 0 && ua.indexOf('touch') > 0 ) {
		alert("お前はWindows Tabletやな。");
		
	} else if( ua.indexOf('firefox') > 0 && ua.indexOf('tablet') > 0 ) {
		alert("お前はFirefox Tabletやな。");
		
	} else {
		alert("お前はPCやな。");
		
	}
</script>

◆javascriptを振り分ける
※これは、放りこみたいscriptの閉じタグ「/」前の「\」が味噌じゃ。

<script type="text/javascript">
	(function(){
	var _UA = navigator.userAgent;
		if (_UA.indexOf('iPhone') > 0 || _UA.indexOf('iPod') > 0 || _UA.indexOf('iPad') > 0) {
			document.write('<script type="text/javascript" src="iphone.js"><\/script>');
		} else if(_UA.indexOf('Android') > 0 || _UA.indexOf('tablet') > 0) {
			document.write('<script type="text/javascript" src="android.js"><\/script>');
		}else{
			document.write('<script type="text/javascript" src="pc.js"><\/script>');
		}
	})();
</script>

あっ、前にも似たようなこと書いとるな…。