반응형
방법 1. javascript 속성 값 match 하기
PC 웹 환경과 모바일을 구분할 수 있는대표적인 속성 값은 platform / userAgent
return (navigator.userAgent.match(mobileDevices) !== null);
방법 2. JQuery 활용하기
<!DOCTYPE html>
<html>
<body>
<h1>Mobile test</h1>
<script src="http://code.jquery.com/jquery-3.3.1.min.js">
</script> <script src="detectmobilebrowser.js"></script>
<script> console.log(jQuery.browser.mobile);
alert(jQuery.browser.mobile);
</script>
</body>
</html>
방법 3. Modernizr 활용하기
반응형
'WEB Front-End > Javascript' 카테고리의 다른 글
| Javascript - 정규표현식(Regular Expression) 정리 / 모음 (0) | 2021.10.26 |
|---|---|
| Javascript - LocalStorage 정리 + 로컬 스토리지 사용법 (0) | 2021.10.26 |
| requireJS를 통한 모듈화 - javascript define 함수 사용법 (0) | 2021.10.21 |
| a태그 JavavScript void(0) 을 쓰는 이유 <a href="javascript:void(0)"> (0) | 2021.10.12 |
| JavaScript - for, foreach, filter, map, reduce 기능 (0) | 2021.10.06 |