WEB Front-End/Javascript

Javascript / JQuery 모바일 여부 확인

hyg4196 2021. 11. 11. 11:03
반응형

방법 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 활용하기

https://modernizr.com/

 

반응형