Aug 28, 2021
Understanding the architecture of a web browser
Understanding the architecture of a web browser
Web Browser: A web browser is a software application that enables a user to access and display web pages
Or online content
The web browser has User
interface
| |
Browser => Data Presistence
|
Browser Engine
|
Rendering engine
| | | |
network Javascript UI backend
User Interface: This component allows end-users to interact with all visual elements available on the web page.
as like: homepage btn and link form like that all other elements that fetch and display the web page requested by the end-user.
Browser Engine: It is a core component of every web browser. The browser engine functions as an intermediary or a bridge between the user interface and the rendering engine
It queries and handles the rendering engine as per the inputs received from the user interface.
Rendering Engine: its main engine which views the page by user request
It interprets HTML and XML documents along with images that are styled or formatted using CSS, and a final layout is generated, which is displayed on the user interface.
Networking: This component is responsible for managing network calls using standard protocols like HTTP or FTP.
JavaScript Interpreter: As the name suggests, it is responsible for parsing and executing the JavaScript code embedded in a website. Once the interpreted results are generated, they are forwarded to the rendering engine for displaying on the user interface.
UI Backend: This component uses the user interface methods of the underlying operating system
Data Storage/Persistence: It is a persistent layer. A web browser needs to store various types of data locally, for example, cookies.
Note: Every browser has its own unique rendering engine. Rendering engines might also differ for different browser versions. The list below mentions browser engines used by a few common browsers:
Google Chrome and Opera v.15+: Blink
Internet Explorer: Trident
Mozilla Firefox: Gecko
Chrome for iOS and Safari: WebKit
