“Browser” How does it work?

 

I am going to do this article very compact with the most significant key points.

Brower is a software application that helps to interact with the data/information available on the world wide web. Web content can be anything: Text, image, video, audio, graphs etc..

Technically Browser is a group of structured code programmed in such a way to parse HTML, CSS, Javascript, AJAX to read the web content and to interact with it.

Let’s get an understanding of how the browser is designed.

1. User Interface: This is the direct layer visible to the user view. It consists of an address bar, refresh button, home button, bookmark section
2. Browser Engine: This is the interface between UI and rendering engine. All the inputs from the UI will be queried and manipulated in the rendering engine of the browser
3. Rendering Engine: This is responsible for rending the requests to UI. It interprets HTML, CSS, Image, XML documents and displays it in the browser display area. This engine varies from browser to browser
4. Networking: This component handles all aspects of internet communication and security. This implement cache of the responses to reduce network traffic
5. Javascript Interpreter: This is responsible for handling all the Javascript code embedded in a website. The interpreted results will be sent to the rendering engine and get displayed in the browser
6. UI Backed: This is responsible for the basic drawing of widgets of combo boxes and other elements un the windows.
7. Data Persistence/Storage: This is a small database in the local drive which is to store cache, cookies, bookmark and preferences.

Js