javascript

[Javascript] 모바일인지 pc인치 체크하기

http://portfolio.wonpaper.net 2023. 8. 9. 16:52

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script>
function talkitSetupDown() {
  var userAgent = navigator.userAgent;
  let device = "";
  
  if (userAgent.match(/Android/i)) {
    // 안드로이드 기기
    device =  "Android";
  } else if (userAgent.match(/iPhone|iPad|iPod/i)) {
    // 아이폰, 아이패드, 아이팟 기기
    device = "iOS";
  } else {
    // 기타 PC 웹 브라우저
    device = "PC";
  }
 
    if (device=="Android")
    {
        location.href="https://play.google.com/store/apps/details?id=주소";
    } else if (device=="iOS") {
        location.href="https://apps.apple.com/kr/app/study-booster/id1111111111";
    } else {
        location.href="https://다운로드url";
    }
}
</script>
cs

 

<script>
function test() {
		var isMobile = false;
		var agent = "win16|win32|win64|macintel|mac";
		if (agent.indexOf(navigator.platform.toLowerCase()) < 0) {	//모바일로 접속
			isMobile = true;
		}

		alert(isMobile);
}

test();
</script>
<script>
var agent = "win16|win32|win64|macintel|mac";

if(agent.indexOf(navigator.platform.toLowerCase())<0 ){	//모바일로 접속
	alert("현재 Mobile 접속 입니다.");
}else{
	alert("현재 PC 접속 입니다.");
}
</script>
<script>
var agent = "win16|win32|win64|macintel|mac";

if(agent.indexOf(navigator.platform.toLowerCase())<0 ){	//모바일로 접속
	alert("현재 Mobile 접속 입니다.");
}else{	
	//PC 접속했을때 브라우저체크
	var browser = navigator.userAgent.toLowerCase();
	var browserNm = "";
	if(-1 != browser.indexOf("chrome")){
		browserNm = "chrome";
	}
	if(-1 != browser.indexOf("msie")){
		browserNm = "msie";
	}if(-1 != browser.indexOf("opera")){
        browserNm = "opera";
	}
	
    alert("현재 PC - "+ browserNm +" (으로) 접속 입니다.");
}
</script>

 

 

const isMobile = () => {
    const user = navigator.userAgent;
    let isCheck = false;

    if ( user.indexOf("iPhone") > -1 || user.indexOf("Android") > -1 ) {
        isCheck = true;
    }

    return isCheck;
}

참고 : https://blog.minius.dev/entry/JS-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%95%84%EC%9D%B4%ED%8F%B0-PC%EC%9B%B9-%EA%B5%AC%EB%B6%84

참고 : https://itprogramming119.tistory.com/697

참고 ; https://jmseo.tistory.com/74