1. 사용자 인터페이스 (UI)
- 주소 표시줄, 이전 / 다음 버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분
2. 브라우저 엔진
- 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다.
3. 렌더링 엔진
- 요청한 콘텐츠를 표시한다.
- 유저가 주소창에 무언가를 입력하면, 브라우저는 이에 대해 쿼리하고 응답을 가져올 수 있도록 렌더링 엔진을 컨트롤한다.
- 예를들어 HTML을 요청하면, HTML과 CSS를 파싱하여 화면에 표시한다.
- ex. webkit, gecko .. 등등
- DOM 트리 구축을 위해 HTML 을 파싱한다.
- 렌더트리 (Render Tree) 를 구축한다.
- 렌더트리를 배치하고
- 렌더트리를 그린다.
4. 통신
- HTTP 요청과 같은 네트워크 호출에 사용된다.
- 플랫폼 독립적인 인터페이스이고, 각 플랫폼 하부에서 실행됨.
5. UI 백엔드
- 콤보 박스 창과 같은 기본적 장치를 그린다.
- 플랫폼에서 명시하지 않은 일반적인 인터페이스로서 ,OS 사용자의 인터페이스 체계를 사용한다.
6. 자바스크립트 해석기
7. 자료 저장소