반응형
자바스크립트로 구현할 수 있는 방법
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
window.onload=function deviceCheck() {
const user = navigator.userAgent;
if ( user.indexOf("iPhone") > -1 || user.indexOf("Android") > -1 ) {
console.log("mobile버젼");
console.log(user);
}else{
console.log("pc버젼");
console.log(user);
}
}
</script>
</head>
<body>
</body>
</html>
navigator.userAgent 는 자바스크립트 내장함수로 개발자모드로 Console창에 입력하면 아래와 같이 현재 디바이스의 정보를 보여준다.
navigator.userAgent를 user에 담아서 indexOf("iPhone" 또는 "Android") 함수를 통하여 괄호안에 있는 단어를 찾으면 index숫자를 반환하고 없으면 -1을 반환한다.
728x90
반응형
LIST
'마루아라는 개발쟁이' 카테고리의 다른 글
| 자동마우스 (스크린세이브 방지) (0) | 2024.07.03 |
|---|---|
| 뷰저블 직접 코드 설치하기 (0) | 2024.06.21 |
| 뷰저블 UX Heatmap 시작하기 (0) | 2024.06.21 |
| 코드 한 번이면 끝! 30초 안에 끝나는 뷰저블 설치법 (0) | 2024.06.21 |
| Token 인증 방식이란? (0) | 2023.01.02 |
