프론트 데스크에서 PC측 접근이 맞는지 확인하기

jsp에서는 때때로 PC단인지 휴대전화단인지 판단하고 부품을 각각 처리해야 한다.예를 들면 다음과 같습니다.

<script type="text/javascript">
	function IsPC() { 
		var userAgentInfo = navigator.userAgent; 
		var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 
		var flag = true; 
		for (var v = 0; v < Agents.length; v++) { 
			if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } 
		}
		return flag;
	}
	function init() {
		if (IsPC()) {
			document.getElementById("index").style.width="560px";
			// document.all.index.offsetWidth  "index" div   id
			var leftValue = (document.body.offsetWidth - document.all.index.offsetWidth) / 2;
			alert(leftValue);
			document.getElementById("index").style.left = leftValue + "px";
		}
		var submitFlag = document.getElementById("submitFlag").value;
		if ("1" == submitFlag) {
			document.getElementById("submitFlag").value = "0";
			window.location.reload();
		}
	}
	window.onresize=function(){
		if (IsPC()) {
	        changeDivHeight();  
		}
   	};
   	function changeDivHeight(){               
       var w = document.documentElement.clientWidth;//         
       var leftValue = (w - document.all.index.offsetWidth) / 2;
       document.getElementById("index").style.left = leftValue + "px";
	}
</script>

<div id="index" style="position:absolute;margin-left:auto;margin-right: auto;">
……
</div>

이 예는 PC 측의 방문 페이지인지 아닌지를 판단하는 데 사용되며 PC 측의 경우div 가운데 표시를 지정합니다.브라우저 창이 바뀔 때div 자동 적응을 합니다.

좋은 웹페이지 즐겨찾기