웹 브라우저도 프로그램입니다. 아래 이미지는 구글에서 의도적으로 에러 페이지를 불러온 화면입니다. 이 페이지 자체는 사용자의 관점에서 “오 뭐야!” 성가신 오류그것은 단지 일이지만 실제로는 “Chrome”이라고합니다. 인터넷 서핑을 할 수 있게 해주는 프로그램(= 웹 브라우저) ~ 위에 Google의 단순화된 오류 페이지가 나타납니다.그것은.
우리가 자주 사용하는 “웹 브라우저”라는 프로그램은 사실 HTML 문서를 해석하는 프로그램, 화면에 이미지를 그리는 프로그램, 문서를 표시하는 데 필요한 JavaScript를 해석하는 프로그램입니다. 다양한 기능을 가진 프로그램 모음오전. (보이지 않아서 체감은 안되지만 내부에 다양한 기능을 수행하는 파서가 있습니다.)
웹 브라우저도 프로그램이다 코드로 구성그리고 컴퓨터 화면에 창 형태로 표시그러나이 “창” 내에서도 영역이 나뉩니다. 브라우저의 범위를 네비게이터(Navigator), 스크린(Screen), 히스토리(History), 위치(Location), 문서(Document)로 나누어 웹 브라우저에 대한 정보를 체계적으로 분할한 브라우저 객체 모델(Browser Object Model)이라는 개념입니다. 아래는 각 개체가 차지하는 영역의 이미지입니다.
창문 ~ 안에 맨 위 개체위의 5가지 객체를 포함하며 다음과 같이 도식화됩니다.
웹 브라우저 개발자 모드에서 해당 객체의 정보를 확인할 수 있습니다. 화면 개체의 경우 아래와 같이 나옵니다.
사용 가능한 화면의 크기, 너비 등의 정보를 담고 있는 객체로 나타납니다.
그리고 히스토리 객체웹 페이지가 조회된 횟수를 계산하고 Go 및 Forward 기능을 사용하여 “뒤로 가기” 및 “앞으로 가기”에 관여한다고 가정할 수 있습니다. 구글홈 콘솔창의 히스토리를 처음 보면 길이 값이 1인데 어떤 키워드를 입력해서 페이지를 옮기고 길이를 다시 보면 ‘2’라는 것을 알 수 있다.
그리고 우리는 자주 “주소 표시 줄” ~라고 불리는 위치 개체의 경우 다음과 같이 서비스를 제공하는 프로토콜, 호스팅 주소 등의 정보를 확인할 수 있습니다.
다음에 네비게이터 객체제공되는 웹 브라우저 서비스에 대한 정보와 제공자에 대한 정보가 포함되어 있음을 알 수 있다.
그리고 끝을 봐 문서 객체은 조금 특별한데, 이미지를 보거나 정보를 교환하는 등 다양한 종류의 “문서”를 표시하는 영역입니다. 내가 처음에 말했듯이 이 영역에는 Google의 단순화된 페이지가 표시됩니다.
그만큼 문서 객체웹 개발자가 만든 화면이 브라우저에 표시되는 부분에 약간 관여하며 JavaScript 코드도 이 Document 개체를 사용하여 작성됩니다. 이 부분은 다음 부분인 문서 개체 모델에서 자세히 다룹니다.
