브라우저에 URL을 입력하면 눈앞에 아름다운 페이지가 나타납니다. 그 사이에 무슨 일이 일어난 걸까요? 일반 사용자라면 이 문제에 대해 생각할 필요가 없을 수도 있지만, 프론트엔드 개발자나 플러그인을 개발하려는 학생이라면 브라우저의 작동 원리를 마스터하는 것이 매우 필요합니다!
오늘은 IE, Firefox, Safari, Chrome, Opera 등 5가지 주요 브라우저에 대해 논의하겠습니다. 브라우저의 기능과 목적은 동일하지만, 파싱 과정에서 약간의 차이가 있습니다. 그렇다면 브라우저의 주요 기능은 무엇입니까?
1. 사용자 인터페이스(중요하지 않음) - 주소 표시줄, 뒤로/앞으로 버튼, 북마크 디렉토리 등을 포함합니다. 즉, 요청한 페이지를 표시하는 데 사용되는 기본 창을 제외하고 표시되는 기타 부분입니다.
2. 브라우저 엔진 - 렌더링 엔진을 쿼리하고 작동하는 데 사용되는 인터페이스입니다. 브라우저의 데이터 저장소를 작동하는데도 사용됩니다.
3. 렌더링 엔진 - 요청한 콘텐츠를 표시 하는 데 사용됩니다. 예를 들어 요청한 콘텐츠가 html인 경우 html과 css를 구문 분석하고 구문 분석된 결과를 표시하는 역할을 담당합니다.
4. 네트워크 - http 요청과 같은 네트워크 호출을 완료하는 데 사용됩니다. 플랫폼 독립적인 인터페이스를 가지며 다양한 플랫폼에서 작동할 수 있습니다.
5. UI 백엔드 - 콤보 상자, 대화 상자 등의 기본 구성 요소를 그리는 데 사용됩니다. 하위 계층은 운영 체제의 사용자 인터페이스를 사용합니다.
6. JS 인터프리터 - JS 코드를 해석하고 실행하는 데 사용됩니다.
7. 데이터 저장 - 지속성 레이어에 속합니다. 브라우저는 쿠키와 유사한 다양한 데이터를 하드 디스크에 저장해야 합니다. HTML5는 가볍고 완전한 클라이언트 측 저장 기술인 웹 데이터베이스 기술을 정의합니다.
그림 1: 브라우저의 주요 구성 요소
대부분의 브라우저와 달리 Chrome은 각 탭에 자체 렌더링 엔진 인스턴스를 할당하고 각 탭은 독립적인 프로세스라는 점에 유의해야 합니다.
참고 페이지:
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 튜토리얼
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 소개
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 기초
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 요소
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 속성
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 제목
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 단락
Thunderbolt 튜토리얼_-HTML 튜토리얼-HTML 링크
Piliyuan 튜토리얼_-HTML 튜토리얼-HTML 헤더 http://www.piliyuan.com/HTML/22.html
Piliyuan 튜토리얼_-HTML 튜토리얼-HTML CSS http://www.piliyuan.com/HTML/23.html
Piliyuan 튜토리얼_-HTML 튜토리얼-HTML 이미지 http://www.piliyuan.com/HTML/24.html
Piliyuan 튜토리얼_-HTML 튜토리얼-HTML 테이블 소개 http://www.piliyuan.com/HTML/27.html
Piliyuan 튜토리얼_-HTML 튜토리얼-HTML 목록 http://www.piliyuan.com/HTML/28.html