해상도를 조건으로 화면 띄우기
본문
이 홈페이지는 8인치 이하에서는 모바일 화면으로 보여지고, 10인치대의 화면에서는 데스크톱으로 보여집니다. 그리고 결제는 KG 이니시스를 사용하던데, 10인치대의 화면에서는 데스크톱화면으로 보여지지만 결제시에는 모바일로 넘어가는 것으로 보여집니다. 어떻게 구현을 한 걸까요?
해상도를 조건으로 화면 띄우는 것과 관련하여
네이비킬라님께서
<script> var size = { width: window.innerWidth || document.body.clientWidth, height: window.innerHeight || document.body.clientHeight } //1 millimetre = 3.79 pixels , 1 inch = 96 pixels if(size.width <= 960) location.replace("http://도메인/index.php?device=mobile"); else location.replace("http://도메인/index.php?device=pc"); </script>
이러한 소스를 주셨는데, 어디에 넣어야 할지도 모르겠어요... 인덱스에 넣었더니 무한 루프만 돌게 되네요..
답변 1
쿼리스트링으로 받은 디바이스값을 조건문에 추가해주시거나 인덱스페이지에 넣으셨다면 파라미터값 바로 받아서 조건문에 넣어추가해주세요.
var nowDevice = "<?=$_GET[device]?>";
if(size.width <= 960 && nowDevice != "mobile") location.replace("http://도메인/index.php?device=mobile");
else location.replace("http://도메인/index.php?device=pc");
답변을 작성하시기 전에 로그인 해주세요.