웹 브라우저 Javascript

크로스 브라우징 : 브라우저마다 다르게 동작을 한다.

- 웹 페이지 제작 시 모든 브라우저가 깨지지 않고 의도한 대로 나오게 작업한다.

- 다양한 브라우저에서 동등하게 동작하는 것

Netscape (넷스케이프)
- addEventListerener 사용

Ie (익스플로러)
- attachEvent (어태치 이벤트) 사용

 

JavaScript - Navigator 객체 (2/3) : Navigator 객체

 

아래 명령을 통해 객체의 모든 프로퍼티를 열람할 수 있다.
console.dir(navigator);

 

appName : 웹 브라우저의 이름이다 IE 인터넷 익스플로러, 파이어폭스, 크롬은 넷스케이프로 표시한다.

appVersion : 브라우저의 버전을 의미한다. 필자의 현재 브라우저 정보 아래와 같다

- 5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.55 Safari/537.36 Edg/96.0.1054.43
                             ( 레이아웃 엔진 :  AppleWebKit   )           (  크롬      버전 정보)     
                             (애플이 만든 오픈소스 사용)

userAgent

- 웹 브라우저가 서버의 네트워크 접속할 때 서버 쪽으로 알려주는 userAgent의 알아내고 싶을 때 사용

- 어떤 브라우저 인가?, 어떤 제품인가를 서버에 전달한다

platform

- 브라우저가 동작하고 있는 운영체제 정보

 

JavaScript - Navigator 객체 (3/3) : Navigator 객체 : 기능 테스트

 

- 본인이 작성한 코드를 브라우저에 실행했을 때 브라우저에 API 기능이 있는지 없는지 체크한다.

1. 크로스 브라우징 이슈로부터 자유로워질 수 있다.

2. 브라우저에 내장된 객체를 사용하면 속도가 빠르다

3. 브라우저가 그기능이 있는지 없는지 체크해서 없다면 추가를 한다.

4. 브라우저마다 다르게 동작하는 기능이 있다면 Navigator 객체를 통해서 브라우저의 종류를 알아내고

   조건문을 통해서 브라우저를 다르게 동작할 수 있다.  

 

아래를 참고한다.

Navigator 객체 - 웹브라우저 JavaScript (opentutorials.org)

Navigator 객체 - 웹브라우저 JavaScript