• JS

JAVASCRIPT 어떤 브라우저/디바이스로 접속 했는지 체크 소스

2019-01-31 415

설명

  • 카카오톡 링크

JAVASCRIPT 모든 브라우저/디바이스 체크하는 기능입니다.
체크 대상 입니다
(익스/크롬/파폭/엣지/사파리/파폭/웨일/오페라/아이폰 시리즈[아이패드/아이팟/아이폰]/안드로이드/)

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<span id="checker"></span>
<script type="text/javascript">
	function getBrowserType() {
		 var agent = navigator.userAgent.toLowerCase(); 
		 var opera = agent.search( "opera|opr/" ); 


		 if ( opera > -1 ) { 

			 if ( agent.search("opr/") > -1 ) word = "opr/"; 

			 else if ( agent.search("version/") > -1 ) word = "version/"; 

			 else { 
				 if ( agent.search( "opera [0-9]{1,}" ) > -1 ) word = "opera "; 
				 else word = "opera/"; 
			 } 


			 appName = "Opera"; 

			 if ( agent.search("opera mini") > -1 ) appName = "Opera Mini"; 
			 else if ( agent.search("opera mobi") > -1 ) appName = "Opera Mobile"; 
			 return "Opera";
		 } 
		var agent = navigator.userAgent.toLowerCase();
		
		if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1)) {
			return "ie";
		} else {

			if(agent.indexOf('edge/') > -1 ) {
				return "edge";
			}
			if(agent.indexOf('whale')>-1){
				return 'whale';
			}
			if((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1 ) {
				return "Opera";
			}else if(navigator.userAgent.indexOf("Chrome") != -1 ){
				return "Chrome";
			}else if(navigator.userAgent.indexOf("Safari") != -1){
				return "Safari";
			}else if(navigator.userAgent.indexOf("Firefox") != -1 ) {
				 return "Firefox";
			} else {
				return "no";
			}
		}

	}

	function getMobileType() {
		var varUA = navigator.userAgent.toLowerCase(); //userAgent 값 얻기
	 
	 
		if (varUA.match('android') != null) { 
			return "android";
		 
		} else if (varUA.indexOf("iphone")>-1||varUA.indexOf("ipad")>-1||varUA.indexOf("ipod")>-1) { 
			return "ios";
		 
		} else {
		 
			return "그외";
		}
	}

	function isMobile() {
		return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
	}
	if(isMobile()) {
		//디바이스 일때
		var str = getMobileType();
	} else {
		//데스크탑 일때
		var str = getBrowserType();
	}
	document.getElementById("checker").innerHTML = str;
</script>