Web Browsers

A web browser is one of the most commonly used computer applications. It allows users to open websites, view web pages, watch online videos, download files and use web applications.

Examples of web browsers include:

• Google Chrome
• Microsoft Edge
• Mozilla Firefox
• Apple Safari
• Opera
• Brave

In simple words, a web browser is software that retrieves web content and converts it into the pages users see and interact with.

What Is a Web Browser?

A web browser is a software application used to access, retrieve, process and display content from the World Wide Web.

Web content can include:

• Text
• Images
• Audio
• Video
• Forms
• Animations
• Menus
• Hyperlinks
• Interactive applications

A browser communicates with web servers through internet protocols such as HTTP and HTTPS.

Web Browser Explained With a Real-Life Example

Imagine visiting a restaurant in another city.

• The internet is the road used to reach the restaurant.
• The website is the restaurant.
• The URL is the restaurant’s address.
• The web server is the kitchen.
• The browser is the waiter who takes your request and presents the result.

The browser requests information from the server and then displays it in a form you can understand.

What Does a Web Browser Do?

A web browser can:

• Open websites
• Display web pages
• Follow hyperlinks
• Play supported media
• Download files
• Upload files
• Store bookmarks
• Maintain browsing history
• Save passwords
• Run web applications
• Manage cookies
• Install extensions
• Translate pages
• Protect supported web communication
• Provide private browsing

Is a Browser the Internet?

No. A browser and the internet are different.

• The internet is the global network infrastructure.
• The browser is an application that uses the internet to access the Web.

Real-Life Example

A car uses roads, but the car is not the road system. Similarly, a browser uses the internet but is not the internet.

Browser vs Search Engine

A browser and search engine are also different.

Web Browser	Search Engine
Software used to open websites	Online service used to find information
Can open a URL directly	Searches using keywords
Displays web content	Provides a list of relevant results
Installed or available on a device	Usually accessed through a browser or app

Real-Life Example

A browser is like a car, while a search engine is like a map that helps you find a destination.

Main Parts of a Web Browser

Address Bar

The address bar is used to:

• Enter a URL
• Search for information
• View the current website address
• Check whether HTTPS is being used

The address bar is sometimes called the omnibox in browsers that combine URL entry and search.

Back Button

The back button returns to the previously visited page.

Forward Button

The forward button moves to the next page after the back button has been used.

Refresh Button

The refresh button requests and reloads the current page.

It can be useful when:

• Content has changed
• A page failed to load fully
• A temporary error occurred

Stop Button

The stop button ends the current page-loading process. It may appear in place of the refresh button while a page is loading.

Tabs

Tabs allow multiple web pages to remain open inside one browser window.

Real-Life Example

Tabs are like keeping several books open on the same desk.

New Tab Page

The new tab page may display:

• Search box
• Frequently visited websites
• Shortcuts
• News or recommended content
• Custom background

Its exact content depends on the browser and settings.

Home Button

The home button opens the selected homepage when the feature is enabled.

Menu

The browser menu provides access to:

• Settings
• History
• Downloads
• Bookmarks
• Extensions
• Printing
• Developer tools
• Help

Bookmarks Bar

The bookmarks bar provides quick access to saved web pages.

Status and Security Information

The browser can display connection and permission information near the address bar.

This may include:

• HTTPS status
• Website permissions
• Camera access
• Microphone access
• Location access
• Pop-up settings

How Does a Web Browser Work?

When you open a website, the browser performs several steps.

Step 1: The User Enters a URL

You type a URL or select a hyperlink.

Example:

https://example.com/article

The browser identifies:

• Protocol
• Domain name
• Requested path

Step 2: The Browser Checks Available Data

The browser may check:

• Memory cache
• Disk cache
• DNS cache
• Service-worker data
• Previously stored resources

If a valid stored copy exists, some content may not need to be downloaded again.

Step 3: DNS Finds the IP Address

DNS translates the domain name into an IP address.

Real-Life Example

DNS works like a contact list that finds a phone number from a person’s name.

Step 4: A Network Connection Is Created

The browser establishes communication with the server.

Depending on the protocol, this may involve:

• TCP
• QUIC
• TLS encryption
• Certificate checking

Step 5: The Browser Sends a Request

The browser sends an HTTP or HTTPS request.

The request may contain:

• Requested resource
• Browser information
• Supported formats
• Cookies
• Language preferences
• Authentication information

Step 6: The Server Sends a Response

The server processes the request and returns:

• Status information
• Page content
• Images
• Stylesheets
• Scripts
• Other resources

Step 7: The Browser Processes HTML

The browser reads the HTML and creates an in-memory structure called the Document Object Model, or DOM.

The DOM represents the page’s headings, paragraphs, images, links and other elements.

Step 8: The Browser Processes CSS

The browser reads the CSS and creates a CSS-related structure describing the visual rules.

CSS controls:

• Colours
• Fonts
• Spacing
• Size
• Position
• Layout
• Responsive design

Step 9: JavaScript Is Executed

The browser’s JavaScript engine processes supported JavaScript code.

JavaScript can:

• Respond to clicks
• Validate forms
• Open menus
• Load new information
• Update page content
• Create interactive features

Step 10: The Render Tree Is Created

The browser combines page structure and visual styling to determine which visible elements need to be displayed.

Step 11: Layout Is Calculated

The browser calculates:

• Element sizes
• Element positions
• Available screen space
• Relationship between page elements

Step 12: The Page Is Painted

The browser converts the calculated layout into pixels on the screen.

Modern browsers may also use compositing and graphics acceleration to combine different visual layers efficiently.

The browser’s critical rendering process includes the DOM, CSS model, render tree, layout and painting stages. MDN guide to how browsers work

Website Files Processed by a Browser

HTML

HTML stands for HyperText Markup Language.

It provides the structure and content of a web page.

Real-Life Example

HTML is like the walls, doors and rooms of a house.

CSS

CSS stands for Cascading Style Sheets.

It controls the visual design of a page.

Real-Life Example

CSS is like the paint, furniture and decoration inside the house.

JavaScript

JavaScript adds logic and interactive behaviour.

Real-Life Example

JavaScript is like the electrical system that makes lights, buttons and appliances work.

Images and Media

Browsers can process supported:

• Image formats
• Audio formats
• Video formats
• Fonts
• Documents
• Graphics

Browser support can differ according to the format, operating system and installed components.

Main Components Inside a Browser

User Interface

The user interface includes:

• Address bar
• Tabs
• Buttons
• Menus
• Bookmarks
• Settings

It allows the user to control the browser.

Browser Engine

The browser engine coordinates actions between the user interface and the browser’s internal systems.

It manages activities such as:

• Navigation
• Page loading
• Tab control
• History
• Permissions

Rendering Engine

The rendering engine converts HTML, CSS and other resources into visual content.

Common rendering engines include:

• Blink
• Gecko
• WebKit

A rendering engine transforms web resources into the visual page shown on the screen. MDN rendering-engine explanation

Networking Component

The networking component manages communication with web servers.

It handles functions such as:

• DNS requests
• HTTP and HTTPS
• Connections
• Proxy settings
• Certificates
• Downloads

JavaScript Engine

The JavaScript engine reads and executes JavaScript.

It allows websites to provide interactive behaviour and complex web applications.

Data Storage

Browsers can store information such as:

• History
• Cache
• Cookies
• Bookmarks
• Saved passwords
• Website preferences
• Local storage
• Indexed databases

Security System

The browser’s security system helps protect:

• Local files
• User accounts
• Website data
• Camera and microphone
• Stored passwords
• Browsing sessions

Modern browsers may separate websites into restricted processes. Chromium’s multi-process and site-isolation designs use restricted renderer processes to improve stability and limit access to local resources. Chromium site-isolation documentation

What Is a Browser Engine?

The terms browser engine and rendering engine are sometimes used differently.

In simple terms:

• The browser engine manages overall browser behaviour.
• The rendering engine turns website code into visible page content.
• The JavaScript engine executes JavaScript.

These components work closely together and may be grouped differently by individual browser projects.

Common Browsers and Their Engines

Browser	Main Project or Engine Family
Google Chrome	Chromium with Blink
Microsoft Edge	Chromium with Blink
Mozilla Firefox	Gecko
Apple Safari	WebKit
Opera	Chromium with Blink
Brave	Chromium with Blink

Microsoft confirms that Edge is based on Chromium and notes that browsers such as Chrome, Opera and Brave also use the Chromium project. Microsoft Edge extensions overview

Mozilla describes Gecko as its web-rendering engine used by Firefox. Mozilla Gecko documentation

Browsers using the same underlying project can still have different:

• Interfaces
• Privacy settings
• Security services
• Sync systems
• Additional features
• Update schedules

Types of Web Browsers

Desktop Browser

A desktop browser is designed for computers.

It commonly supports:

• Multiple windows
• Tab groups
• Extensions
• Developer tools
• Keyboard shortcuts
• Detailed settings

Mobile Browser

A mobile browser is designed for smartphones and tablets.

It is optimised for:

• Touch controls
• Smaller screens
• Mobile data
• Battery usage
• Device rotation

Graphical Browser

A graphical browser displays text, images, video, animations and interactive content.

Most modern browsers are graphical browsers.

Text-Based Browser

A text-based browser mainly displays text and links.

It may be used for:

• Terminal-based systems
• Low-resource environments
• Testing
• Accessibility workflows

Headless Browser

A headless browser runs without a normal visible interface.

It is commonly used for:

• Automated testing
• Website screenshots
• Data processing
• Server automation

Embedded Browser

An embedded browser is included inside another application.

Real-Life Example

A social media application may open a web page inside its own in-app browser instead of launching the device’s main browser.

Important Browser Features

Bookmarks

Bookmarks save web addresses for future access.

A bookmark normally stores:

• Page title
• URL
• Folder location

Browsing History

History records previously visited pages according to the browser’s settings.

It helps users return to pages they opened earlier.

History can be:

• Viewed
• Searched
• Deleted
• Disabled or limited

Download Manager

The download manager shows:

• Downloaded files
• Current progress
• Failed downloads
• Paused downloads
• Save locations

Downloaded files remain on the device until the user removes them.

Password Manager

A browser password manager can:

• Save login information
• Fill login forms
• Generate strong passwords
• Warn about some exposed or reused credentials
• Synchronise credentials when supported and enabled

Important accounts should also use multi-factor authentication.

Autofill

Autofill can enter saved information such as:

• Name
• Address
• Email
• Telephone number
• Payment details

Sensitive autofill information should only be used on trusted devices.

Browser Sync

Sync allows supported browser information to be shared between authorised devices.

It may synchronise:

• Bookmarks
• History
• Passwords
• Tabs
• Settings
• Extensions

Sync requires an account and sends selected data through the browser provider’s systems.

Translation

Some browsers can translate supported web pages from one language to another.

Automatic translation may contain mistakes, especially with technical or complex content.

Reader Mode

Reader mode can remove distracting page elements and display an article in a simpler layout.

Print and Save as PDF

Browsers can print pages or create PDF files, depending on the browser and operating system.

Accessibility Features

Browsers can support:

• Screen readers
• Keyboard navigation
• Zoom
• Text scaling
• High contrast
• Captions
• Voice input
• Accessibility trees

Websites must also be designed accessibly for these features to work effectively.

What Is Browser Cache?

A browser cache temporarily stores copies of website resources.

It may store:

• Images
• CSS files
• JavaScript files
• Fonts
• Other resources

When the website is opened again, the browser can reuse valid cached files.

Benefits of Cache

• Faster page loading
• Reduced network usage
• Lower server requests
• Better performance on repeated visits

Problems Caused by Cache

Old or damaged cache files may cause:

• Outdated content
• Incorrect page design
• Loading errors
• Login problems

Clearing the cache can help in some situations, but it may make websites load more slowly on the next visit.

What Are Cookies?

Cookies are small pieces of data that websites ask browsers to store.

Cookies can be used for:

• Login sessions
• Shopping carts
• Language choices
• Website preferences
• Analytics
• Advertising
• Tracking

First-Party Cookies

First-party cookies are set by the website the user is directly visiting.

Example: An online shop remembers the items in a shopping cart.

Third-Party Cookies

Third-party cookies are associated with another domain included on the page.

They have historically been used for advertising and cross-site tracking. Browser handling of third-party cookies varies and continues to change.

Are Cookies Dangerous?

Cookies are data, not normal executable programs. They cannot directly act like traditional malware.

However, cookies can affect privacy and may contain valuable session information. Users should protect their devices and accounts.

Local Storage and IndexedDB

Websites can store some information through browser storage technologies.

Local Storage

Stores simple key-and-value information for a website.

IndexedDB

Stores larger and more structured browser-based data.

These technologies can support offline and advanced web applications.

What Is Private Browsing?

Private browsing opens a separate browsing session that limits what is saved locally after the session ends.

Different browsers may call it:

• Incognito Mode
• Private Browsing
• InPrivate Browsing
• Private Window

Private mode generally limits the local saving of:

• Browsing history
• Temporary cookies
• Form entries
• Cached site data

Chrome states that Incognito limits information saved on the device, while Firefox explains that private-session cookies and temporary data are removed when the private session ends. Google Chrome Incognito guide, Mozilla Private Browsing guide

What Private Browsing Does Not Do

Private browsing does not automatically hide activity from:

• Websites
• Internet Service Providers
• Employers
• Schools
• Network administrators
• Account providers
• Security systems

It also does not automatically:

• Block all tracking
• Prevent malware
• Hide an IP address
• Make users anonymous
• Delete downloaded files
• Delete bookmarks created by the user

Real-Life Example

Private browsing is like using a whiteboard and erasing it when finished. People outside the room may still have seen what was written while it was visible.

What Are Browser Extensions?

Extensions are small software additions that change or expand browser functionality.

Extensions can provide:

• Password management
• Translation
• Note-taking
• Accessibility tools
• Developer tools
• Content filtering

Extension Security Risks

Extensions may request permission to:

• Read website data
• Change page content
• View browsing activity
• Manage downloads
• Access tabs

Only trusted and necessary extensions should be installed.

Users should:

• Check requested permissions
• Use official extension stores
• Remove unused extensions
• Keep extensions updated
• Avoid unknown downloads

Browser Security Features

HTTPS Protection

Browsers check HTTPS certificates and create encrypted connections with supported websites.

HTTPS protects data travelling between the browser and server.

It does not guarantee that the website’s content or business is honest.

Sandboxing

Sandboxing limits what website processes can access.

It helps reduce the damage caused by malicious or broken website code.

Site Isolation

Site isolation separates websites into restricted processes where supported.

This can improve security and stability.

Permission Controls

Browsers control website access to:

• Camera
• Microphone
• Location
• Notifications
• Clipboard
• Pop-ups

Review and remove permissions that are no longer required.

Malicious-Site and Download Warnings

Browsers may warn users about:

• Known phishing pages
• Malicious websites
• Suspicious downloads
• Invalid certificates

Warnings should not be ignored without understanding the risk.

Automatic Updates

Browser updates can fix:

• Security vulnerabilities
• Compatibility problems
• Software errors
• Performance issues

An outdated browser is more likely to contain known security weaknesses.

Same-Origin Policy

The same-origin policy limits how content from one website can access data from another website.

Real-Life Example

A person visiting one shop should not automatically be allowed to open the private records of another shop.

Web technologies provide controlled methods for authorised cross-site communication.

Common Browser Shortcuts

Shortcut	Common Function
Ctrl + T	Open a new tab
Ctrl + W	Close the current tab
Ctrl + Shift + T	Reopen a recently closed tab
Ctrl + L	Select the address bar
Ctrl + R	Refresh the page
Ctrl + D	Bookmark the page
Ctrl + F	Find text on the page
Ctrl + H	Open history
Ctrl + J	Open downloads
Ctrl + P	Print
Ctrl + Plus	Zoom in
Ctrl + Minus	Zoom out
Ctrl + 0	Reset zoom

Shortcuts can vary by browser and operating system.

What Are Browser Developer Tools?

Developer tools help developers inspect and test websites.

Common tools include:

• Elements inspector
• Console
• Network monitor
• Performance tools
• Storage inspector
• Security information
• Device emulation
• Accessibility tools

Real-Life Example

Developer tools are like opening a machine’s inspection panel to see how its internal parts work.

How to Choose a Web Browser

Consider:

• Operating-system support
• Security updates
• Website compatibility
• Privacy controls
• Extension support
• Performance
• Memory usage
• Battery usage
• Sync requirements
• Accessibility
• User interface

The best browser depends on the user’s device and requirements.

Basic Browser Safety Tips

• Keep the browser updated.
• Check website addresses carefully.
• Do not ignore security warnings.
• Download files from trusted sources.
• Install only necessary extensions.
• Use unique passwords.
• Enable multi-factor authentication.
• Review camera and microphone permissions.
• Sign out on shared computers.
• Avoid saving sensitive data on unknown devices.
• Remove unused extensions.
• Use HTTPS for sensitive communication.

Common Browser Problems

Page Does Not Load

Possible causes include:

• Internet connection failure
• DNS problem
• Server outage
• Firewall restriction
• Browser extension
• Incorrect URL

Page Looks Broken

Possible causes include:

• Old cache
• Disabled JavaScript
• Unsupported browser feature
• Extension interference
• Website error

Browser Is Slow

Possible causes include:

• Too many tabs
• Heavy extensions
• Low RAM
• Large cache
• Background applications
• Malware
• Outdated browser

Website Login Fails

Possible causes include:

• Blocked cookies
• Incorrect password
• Expired session
• Old cached data
• Account-security restriction

Browser Keeps Crashing

Possible causes include:

• Faulty extension
• Low memory
• Corrupted profile
• Outdated software
• Hardware-acceleration problem
• Operating-system problem

Basic Browser Troubleshooting

1. Check the internet connection.
2. Confirm the URL.
3. Refresh the page.
4. Try another tab or website.
5. Restart the browser.
6. Disable recently added extensions.
7. Clear relevant site data or cache.
8. Update the browser.
9. Restart the device.
10. Test with another browser to identify whether the problem is browser-specific.

Advantages of Web Browsers

• Easy access to websites
• Multiple tabs
• Multimedia support
• File downloads and uploads
• Bookmarks and history
• Web application support
• Password management
• Accessibility features
• Security controls
• Extension support
• Cross-device synchronisation

Limitations and Risks

• Can consume large amounts of memory
• Malicious websites can target users
• Extensions can create security risks
• Browsing can affect privacy
• Website compatibility may vary
• Outdated browsers contain security weaknesses
• Excessive tabs can reduce performance
• Browser sync creates dependence on an online account

Common Misconceptions

Browser and Search Engine Are the Same

A browser opens websites. A search engine helps find websites.

Private Mode Makes Users Anonymous

Private mode mainly limits local browsing records. It does not hide all network activity.

HTTPS Means the Website Is Completely Safe

HTTPS protects the connection, but a fraudulent website can also use HTTPS.

Clearing History Deletes Downloaded Files

Deleting browser history does not normally remove files saved in the Downloads folder.

More Extensions Always Improve the Browser

Too many extensions can reduce speed, increase memory use and create privacy or security risks.

Frequently Asked Questions

What is a web browser?

A web browser is software used to access, process and display websites and web pages.

What are examples of web browsers?

Examples include Chrome, Edge, Firefox, Safari, Opera and Brave.

Is a browser the same as the internet?

No. The internet is the network, while a browser is an application that uses it.

Is a browser the same as a search engine?

No. A browser displays web content, while a search engine helps users find content.

What is a rendering engine?

A rendering engine converts HTML, CSS and other web resources into the visual page shown on the screen.

What is browser cache?

Browser cache temporarily stores website resources to improve repeated loading speed.

What are cookies?

Cookies are small pieces of website data stored by a browser for functions such as login sessions and preferences.

What is private browsing?

Private browsing is a separate session that limits locally saved history and temporary site data.

Does private browsing hide an IP address?

No. Private browsing does not normally hide the user’s IP address.

Can a browser work without the internet?

A browser can open local files and some cached or offline content. It needs a network connection to access normal online websites.

Why do websites look different in different browsers?

Browsers may use different engines, settings, fonts, operating-system features and supported web technologies.

Why should browsers be updated?

Updates repair security problems, improve compatibility and fix software errors.

Conclusion

A web browser is software that retrieves, processes and displays content from the World Wide Web.

Its main functions include:

• Opening websites
• Processing HTML, CSS and JavaScript
• Displaying web pages
• Managing tabs and downloads
• Storing cache and cookies
• Protecting web sessions
• Running web applications

In simple words, a web browser converts website code and internet data into pages that users can see and interact with.