38. (javascript/자바스크립트) navigator userAgent 사용해 접속한 브라우저 (browser) 확인 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>
    	/* 
    	[요약 설명]
    	1. userAgent : 사용자가 접속한 정보를 확인할 수 있습니다    	    
    	2. toLowerCase : 결과값을 소문자로 반환합니다    	
    	3. Edge 같은 경우는 Chrome 보다 먼저 수행을 해야 정상적으로 브라우저 체크가 가능합니다    	
    	*/
    	    	
    	
    	/* 이벤트 함수 정의 */
    	function main() {
    		console.log("main : debug [1]");
    		
    		/* 에이전트를 사용해서 접속한 브라우저 확인 */
    		const Agent = navigator.userAgent.toLowerCase();
    		
    		
    		/* 접속한 브라우저 확인 실시 */
    		if(Agent.indexOf("edg") != -1){
    			console.log("Browser : Edge");
    			return;
    		}
    		if(Agent.indexOf("chrome") != -1){
    			console.log("Browser : Chrome");
    			return;
    		}
    		if(Agent.indexOf("opera") != -1){
    			console.log("Browser : Opera");
    			return;
    		}
    		if(Agent.indexOf("staroffice") != -1){
    			console.log("Browser : Star Office");
    			return;
    		}
    		if(Agent.indexOf("webtv") != -1){
    			console.log("Browser : WebTV");
    			return;
    		}
    		if(Agent.indexOf("beonex") != -1){
    			console.log("Browser : Beonex");
    			return;
    		}
    		if(Agent.indexOf("chimera") != -1){
    			console.log("Browser : Chimera");
    			return;
    		}
    		if(Agent.indexOf("netpositive") != -1){
    			console.log("Browser : NetPositive");
    			return;
    		}
    		if(Agent.indexOf("phoenix") != -1){
    			console.log("Browser : Phoenix");
    			return;
    		}
    		if(Agent.indexOf("firefox") != -1){
    			console.log("Browser : Firefox");
    			return;
    		}
    		if(Agent.indexOf("safari") != -1){
    			console.log("Browser : Safari");
    			return;
    		}
    		if(Agent.indexOf("skipstone") != -1){
    			console.log("Browser : SkipStone");
    			return;
    		}
    		if(Agent.indexOf("netscape") != -1){
    			console.log("Browser : Netscape");
    			return;
    		}
    		if(Agent.indexOf("mozilla/5.0") != -1){
    			console.log("Browser : Mozilla");
    			return;
    		}
    		if (Agent.indexOf("msie") != -1) { 
    	    	let rv = -1; 
    			if (navigator.appName == 'Microsoft Internet Explorer') { 
    				let ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); 
    			if (re.exec(ua) != null) 
    				rv = parseFloat(RegExp.$1); 
    			}
    			console.log("Browser : Internet Explorer " + rv);
    			return;
    		}
    		console.log("main : debug [2]");
    		
    	};    	    	    	
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[요약 설명]

1. userAgent : 사용자가 접속한 정보를 확인할 수 있습니다

2. toLowerCase : 결과값을 소문자로 반환합니다

3. Edge 같은 경우는 Chrome 보다 먼저 수행을 해야 정상적으로 브라우저 체크가 가능합니다

*/

/* =========================== */