63. (javascript/자바스크립트) navigator platform 사용해 pc 및 모바일 접속 확인, navigator userAgent 사용해 접속한 모바일 종류 확인

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

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

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

​

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

[소스 코드]

 

    <script>
    	/* 
    	[요약 설명]
    	1. window.onload : 웹브라우저 로딩 완료 상태를 확인합니다    	
    	2. navigator.platform : 브라우저가 실행되는 플랫폼 정보를 반환합니다
    	3. navigator.userAgent : 웹 브라우저 전반에 대한 정보를 제공하는 객체입니다 	
    	*/
    	
    	
    	/* html 최초 로드 및 이벤트 상시 대기 실시 */
    	window.onload = function() {
    		console.log("");
    		console.log("[window onload] : [start]");
    		console.log("");
    		
    		//PC 및 모바일 접속 확인 실시
    		checkPcAndMobile();
    	};
    	
    	
    	/* 브라우저 및 모바일 접속 체크 실시 */
    	function checkPcAndMobile(){
    		console.log("");
    		console.log("[checkPcAndMobile] : [start]");
    		console.log("");
    		
    		//운영체제 종류 선언
    		var filterOs = "win16|win32|win64|mac|macintel";
    		
    		//PC 및 모바일 접속 확인 실시
    		if(navigator.platform){
    			if(0 > filterOs.indexOf(navigator.platform.toLowerCase())){
    				console.log("");
    				console.log("[checkPcAndMobile] : [platform] : [Mobile]");
    				console.log("");
    				
    				//모바일 기기 종류 확인 함수 호출
    				checkMobileDevice();    				
    			}
    			else {
    				console.log("");
    				console.log("[checkPcAndMobile] : [platform] : [PC]");
    				console.log("");
    				
    				alert("PC");    				
    			}    			    				    			
    		}
    		else {
    			console.log("");
    			console.log("[checkPcAndMobile] : [platform] : [none]");
    			console.log("");
    			
    			alert("none");        		
    		}    		
    	};
    	
    	
    	/* 모바일 기기 체크 실시 */
    	function checkMobileDevice(){    		
    		console.log("");
    		console.log("[checkMobileDevice] : [start]");
    		console.log("");
    		
    		//모바일 기종 종류 선언    		
    		var mobileArray = new Array();
    		mobileArray.push("iPhone");
    		mobileArray.push("iPod");
    		mobileArray.push("BlackBerry");
    		mobileArray.push("Android");
    		mobileArray.push("Windows CE");
    		mobileArray.push("LG");
    		mobileArray.push("MOT");
    		mobileArray.push("SAMSUNG");
    		mobileArray.push("SonyEricsson");
    		mobileArray.push("webOS");
    		mobileArray.push("IEMobile");
    		mobileArray.push("Opera Mini");
    		    		
    		//반복문 수행 실시
    		for(var mobile in mobileArray){
    			if(navigator.userAgent.match(mobileArray[mobile]) != null){
    				console.log("");
    				console.log("[checkMobileDevice] : " + mobileArray[mobile]);
    				console.log("");
    				
    				alert(mobileArray[mobile]);
    				break;    				
    			}
    		}    		
    	};	    	
    	
    </script>

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

​

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

[결과 출력]

​

​

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

​

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

[요약 설명]

​

/*

[요약 설명]

1. window.onload : 웹브라우저 로딩 완료 상태를 확인합니다

2. navigator.platform : 브라우저가 실행되는 플랫폼 정보를 반환합니다

3. navigator.userAgent : 웹 브라우저 전반에 대한 정보를 제공하는 객체입니다

*/

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