23.04.19 자바스크립트 내장객체(*브라우저 데이터 값 받아오기 및 출력)

사용자로부터 브라우저 데이터를 확인해서 데이터 값을 출력해보자

 

//사용자로부터 브라우저 데이터를 확인해서 데이터 값 출력하기
let info = navigator.userAgent.toLowerCase(); //데이터를 소문자로 받겠다
let osImg = null;

if(info.indexOf('windows') >= 0) {
  osImg = 'windows.png';
} else if(info.indexOf('macintosh') >= 0) {
  osImg = 'macintosh.png';
} else if(info.indexOf('iphone') >= 0) {
  osImg = 'iphone.png';
} else if(info.indexOf('android') >= 0) {
  osImg = 'android.png'
}

document.write("<img src=\"/img/"+ osImg +"\">", "<br />");
let scr = screen;
let sc_w = scr.width;
let sc_h = scr.height;

document.write("모니터 해상도 너비 : " + sc_w + "px", "<br/>");
document.write("모니터 해상도 높이 : " + sc_h + "px", "<br/>");

 

완성된 화면은 아래와 같다.

나는 맥북으로 접속하여 위와같은 이미지가 뜨게되었다.