Browser and its components

Components of Browser:

Credits: html5rocks.com
  • User Interface: It includes the address bar, back/forward button, bookmarking menu, etc. Every part of the browser display except the window where you see the requested page.
  • Browser Engine: It works as a bridge between the User interface and the rendering engine. According to the inputs from various user interfaces, it queries and manipulates the rendering engine.
  • Rendering Engine: It interprets the HTML, XML documents, and images that are formatted using CSS and generates the layout that is displayed in the User Interface.
  • Networking: Network calls such as HTTP requests, using different implementations for different platforms behind a platform-independent interface.
  • UI backend: It used for drawing basic widgets like combo boxes and windows. This backend exposes a generic interface that is not platform-specific. Underneath it uses operating system user interface methods.
  • JavaScript interpreter. Used to parse and execute JavaScript code.
  • Data storage. This is a persistence layer. The browser may need to save all sorts of data locally, such as cookies. Browsers also support storage mechanisms such as localStorage, IndexedDB, WebSQL, and FileSystem.

--

--

--

Developer with 3 yrs of industrial experience in developing scalable web applications.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Angular: How-To Dynamic Component

How to test broken links with WebdriverIO

3 Ways To Handle Errors in RxJs

React.js- Create Your First App!

3 Steps To Build A Color Picker With Javascript

How to Write your First Test in Cypress

ING ❤️ Web Components

2019 My Way Towards Full Stack Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abhay Jain

Abhay Jain

Developer with 3 yrs of industrial experience in developing scalable web applications.

More from Medium

Following a Design System

Axure Tutorial: Block Browser Right-Click Context Menu

Improving web accessibility one small change at a time — Global Accessibility Awareness Day

Select Best Font for your Website, 4 Types of Fonts Explained

Serif Fonts, Sans- serif fonts, Script Fonts, Display Fonts