-
[JavaScript] navigatorVScode/JavaScript 2022. 9. 9. 14:16
-웹페이지를 실행하고 있는 브라우저에 대한 정보를 가짐
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>NavigatorObject.html</title> <script type="text/javascript"> var output=''; for(var key in navigator){ output+='<h3>'+key+':'+navigator[key]+'</h3>'; } output+='<h3>'+navigator.userAgent+'</h3>'; document.write(output); /* navigator가 제공하는 핵심기능: 접속하는 디바이스(엄밀히 말하면 운영체제)에 따라 표시되는 페이지 (엄밀히 말하면 표시될 페이지의 경로를 달리해서)를 표시함 */ if( (navigator.userAgent.match(/iPhon/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/Windows CE/i)) || (navigator.userAgent.match(/Symbian/)) || (navigator.userAgent.match(/BlackBerry/i)) || (navigator.userAgent.match(/Android/i)) ){ // 스마트 기기용 페이지로 이동 location.href='mobile.html'; } else{ // PC용 페이지로 이동 location.href='desktop.html'; } </script> </head></html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>desktop.html</title> </head> <body> <h1>데스크탑에서 접속</h1> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>모바일에서 접속</h1> </body> </html>
모바일 접속은 Android studio를 설치하여 확인 가능
http://해당IP주소:포트번호
'VScode > JavaScript' 카테고리의 다른 글
[JavaScript] DOM (0) 2022.09.09 [JavaScript] vaildation, select tag, visibility, check (0) 2022.09.08 [JavaScript] Image (0) 2022.09.08 [JavaScript] BOM (0) 2022.09.08 [JavaScript] function (0) 2022.09.08