What is a browser?

Whether you’re on a computer, tablet, or a smart­phone: The way to the internet mostly starts with a browser. As a given, we use Chrome, Mozilla Firefox, or Safari to visit websites or to make purchases in online shops. But what is a browser actually? Here, you’ll find a simple ex­pla­na­tion and learn how exactly “the gateway to the world wide web” works.

A browser is an in most cases free software for the graphic depiction of the web. Texts, images, videos, as well as links and other website features are displayed with the help of a browser. The browser des­ig­na­tion is derived from the verb “to browse.” In the beginning, browsers were intended for turning pages forward and backward within multi-page text files. With the in­tro­duc­tion of hypertext, nav­i­ga­tion cross-ref­er­ences were added, so-called hy­per­links. In the meantime, the range of features available in browsers has gotten con­sid­er­ably larger: In addition to images and videos, in­ter­ac­tive graphics, audio files, PDFs, and other resources can also be in­te­grat­ed and equipped with features.

And what does this in­ter­pre­ta­tion mean? Or how does the tech­nol­o­gy behind a browser work? In order to be able to properly display all resources, various com­po­nents complete a number of tasks: What we first see behind the browser’s user interface is the browser engine, which serves as an in­ter­sec­tion between the user interface and the rendering engine.

This module is the central element for the display of content: By default, the engine can display HTML and XML files as well as images. With the relevant plug-ins, however, other resources are also possible. After a HTML file is requested, for example, the rendering engine parses it. This means that the engine analyzes the HTML data and converts it into a format that the browser can further process. At the same time, the rendering engine creates the DOM structure on one hand – the tag’s content structure – and on the other hand, the rendering structure, which shows the colors and other layout criteria.

Both struc­tures are combined in the following steps: The DOM structure tree or the in­di­vid­ual nodal points are initially po­si­tioned according to exact co­or­di­nates. Lastly, the rendering structure, after being filtered with the help of UI backends, vi­su­al­izes the website. Ap­pro­pri­ate­ly enough, this step is also called “painting.” “UI” stands for “user interface,” which is also called the frontend. In other words, what the user finally sees on the screen.

In addition to the UI backend mentioned above, which is re­spon­si­ble for the display of fun­da­men­tal widgets, such as screen windows, another module assumes the network calls via the es­tab­lished protocols, such as HTTP. A JavaScript in­ter­preter parses and runs JavaScript code. Fur­ther­more, data storage is provided as a per­sis­tent component that, among other things, locally stores cookies, browser history, and cache on the computer. In HTML5, this stored data is resolved in the browser as a stream­lined web database.

Because there are different HTML versions – HTML, XHTML, or HTML5 – and the various browsers don’t interpret these the exact same way, a website in Chrome sometimes looks somewhat different than it does in Firefox. However, the basic features are always the same across text, images, and links – although these might be arranged or displayed somewhat dif­fer­ent­ly. In­ci­den­tal­ly, these de­vi­a­tions can also emerge if your browser is not up-to-date. For this reason, it is rec­om­mend­ed that you update it regularly.

After resolving the question “What is a browser?”, let’s now take a look at the most important elements and features. The basic con­fig­u­ra­tion of every browser includes the following elements:

• Address bar for entering the URL
• Buttons for nav­i­gat­ing forwards and backwards, for updating or re­fresh­ing, and for stopping a loading process
• Button for the browser homepage
• Feature for creating bookmarks

Other features vary from browser to browser or can be added as needed.

In addition, browsers such as Firefox and Safari allow you to organize your bookmarks, save your passwords, and use incognito mode, often also known as “private surfing.” In doing so, you don’t leave any visible traces on your own device. For example, your browser history isn’t stored and data that has been entered in a form cannot be re­con­struct­ed. Fur­ther­more, in the es­tab­lished browsers you’ll typically find every­thing you need to know about the topics of security und data pro­tec­tion, pro­tec­tion against phishing and malware, as well as ad blockers. These features, however, do not replace the com­pre­hen­sive virus pro­tec­tion that every end device should have.

Because all browsers es­sen­tial­ly operate the same way, one cannot make sweeping state­ments about which one is the best. A lot more depends on one’s needs and user habits. The most widely-used browsers include:

• Mozilla Firefox: One of the most popular web browsers through­out Europe.
• Microsoft Internet Explorer and Edge: A permanent fixture of Microsoft operating systems since Windows 95.
• Google Chrome: On the market since 2008 and the number one option when it comes to cross-device syn­chro­niza­tion.
• Safari: Apple’s coun­ter­part to Microsoft’s Internet Explorer or Edge.
• Opera: Mostly popular on mobile devices.

In a separate article on the subject “Which browser is the best?” we provide a more-in depth in­tro­duc­tion to the in­di­vid­ual browsers.