반응형
반응형 사이트의 경우 사이트 경로가 동일하여 디바이스에 따른 구분을 하기 힘든데요. 스크린의 크기를 지정하여 구현하는 방법도 가능하지만 코드를 통해 간단히 구현하는 방법을 안내해 드리겠습니다.
구현하기
사용할 코드는 아래와 같은데요.
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
화면에 따라 코드를 테스트 해 보면 아래처럼 디바이스에 따라 다른 값이 반환되는 것을 확인 가능합니다.
따라서 반환되는 값을 조건으로 지정하여 코드를 구현하면 됩니다!
728x90
반응형
'프론트엔드 > 자바스크립트' 카테고리의 다른 글
| 엔피엠 - 제이슨 서버 (0) | 2023.05.22 |
|---|---|
| 자바스크립트 모듈 - 물결효과 (0) | 2023.04.05 |
| 라이브러리 - RxJS (0) | 2023.02.15 |
| 자바스크립트 컴포넌트 - 확장 검색 창 (6) | 2023.02.14 |
| 자바스크립트 컴포넌트 - 사이드 메뉴 (2) | 2023.02.13 |
