New Posts
Home / Web Designing / Understand How Browser Works.

Understand How Browser Works.

Understand How Browser Works.

Most people use a web browser like use a car, they have no idea what’s going on the hood. They just turn the key and drive it. The casual web users nothing wrong with that.  just get the string and drive it. For web designers and web developers, however, knowing what’s going on inside the browsers very important to understand How Browser Works.  The key infects ensure that your website looks and perform the way you design them to.

Browser Works

It does not help so many browsers and each of them performs task little bit differently to rest. It is very important for web designers and developers that what is going on behind the web browsers. Each browser has the own way and task of performing.

We start by taking the basics of How Browser Works.  Discussing the why different exists, between them and finish by examining the evolving web standards and what is the means when dealing with browsers.

The Basics How Browser Works.

Web browsers use HTTP (Hyper Text Transfer Protocol) to communicate to server and request for using web contents. Once the request is page usually HTML document then browser use internal rendering engine to translate the page and render on screen. Any additional contents such as images, videos are requested and rendered based whether the browser support file type or Whether the plugins necessary view the contents or installed.

Client side scripting typically JavaScript is executed in a browser when trigger. In the case of JavaScript, the browser uses JavaScript internal interpreter takes to execute the scripts.

So if the basics behind the browser the same way the different browsers behave differently. It is important to remember. The most browsers developed independently of each other because of this multiple rendering engines each with little bit different preferences, intendancies we see on the web.

So, why are browsers different?

  • The browser developed independently of each other.
  • Multiple rendering engines drive page layout.
  • DOM support varies browsers use independent JavaScript engines.

As a designer, it is important to understand which render engine use the various browser and how to differ when we lay the pages and contents.

Another reason the browsers behave often differently is the level of DOM support and JavaScript interpreter. The DOM (Document Object Model) allows to designers and developers to use scripting to control and creating elements within your document. Over the years the different level of DOM controls has been created. Another browser support is currently released.

The JavaScript interpreter or engine is another key piece why browser behaves so differently each browser has its own JavaScript engine. Which means the scripts is executed the way you intended in one browser may have slightly different result and another browser.

At this point browser development.

Now for the notices, the differences between browsers are driven by the how the render engines work. These differences often result in pages either look the different browser to the next the layout look nothing like each other depending browser use.

In this article How Browser works, it is very important to understand about Web browser rendering engines.

The Four Most Common Web Browser Render Engines.

1.       Trident.

2.       Presto.

3.       Gecko.

4.       Web Kit.

1.       Trident is developed by the Microsoft and propriety engine is used in multi. Internet Explorer uses Trident.

2.       Presto is developed by Opera and licenses to other devices.

3.       Gecko is open source rendering engine. Originally developed by Netscape.  But release to open source for Mozilla Projects continues development.

4.       Web Kit is another open source rendering engine, which is developed by Apple, Google, Nokia, and others. It powers browsers such as Apple Safari browser and Google Chrome.

Therefore, web designers should test their pages not just on multiple browsers but multiple versions of same browsers.

Web-Browser-Render-Engines

typical browser components

The Browser Wars…

In the mid of late  90s, two browsers.

1.       Netscape.

2.       Internet Explorer.

Both of them were badly each other for market dominance. Some refer that time as browser wars. In order to build a better browser with cooler a capability. Each was released with propriety features and not supported by any other browsers. This meant that every new release web designers would have to learn new ways development of websites to take advantages of these features.   This would often lead to the designers needing to developing multiple versions pages for different browsers. just picking up the browsers to design for not worry about the rest. Browser market became crowded. designer and developers face the impossible task which tries to create pages to look everywhere. This created web standards in 1998.

browser wars

This created web standards projects in 1998 by the group of designers and developers frustrated the current states of browsers development. they began supporting in an organized way the adoption of w3c recommendations. The w3c began in 1994 and attempted to standardize web protocols and technologies by issuing the series of recommendations everyone to follow. Obviously, this point no one was listening. So web standards projects started referring to recommendations as standards it attempts to convince browser manufacturers to follow them. They began education and initiative to make sure designers and developers worry that standards and push for them. They also educated the general public by encouraging the use of browser support the standards now the at the end designing and developing community with the rise of the browser such as Firefox helped other manufacturers realize advantages and supporting web standards. You can learn more about standards project www.webstandards.org.

 

About imran

My Name Mohammad Ramzan Bhutto. Live in District Jacobabad, Sindh, Pakistan. I have started blogging on Information Technology, my selected areas are Online Business, Digital Marketing, Make Money Online.

Check Also

External Style Sheet

How to Use External Style Sheet. 

How to Use External Style Sheet. An External style sheet is simply texting files with …