Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / All-Topics

Modern Web Browsers - Things You Must Know - Part 1

1.00/5 (1 vote)
26 Dec 2011CPOL6 min read 19.4K  
Things you must know about modern web browsers (written from an end user perspective)

Before you start reading this article, click here, and there you go, you found information about your browser's current version and its capabilities. Now run a Google search to find out the most recent version of your browser which is available and you can evaluate where you stand. If you happened to be using an outdated version of your browser, it is time to update your browser. The premise is simple, you must always be using an updated version of the browser to support the web in all its glory and for secured online transactions shielded from the hacking community.

Image 1

The whole article is divided into two parts. The current article which is Part 1 is written from an end user perspective, which explains few must know about modern web browsers, introduces users to web applications, browser plugins and extensions, and addresses concerns over security of online transactions.

Part 2 of this article will be developer centric, which briefs on the below topics.

  • HTML5 and web-video
  • Parsing of a web page
  • Rendering 3D contents
  • Hardware accelerated browser rendering
  • OpenVG and OpenGL

Let's Begin with Part 1

Nothing seems to be possible, working on a computer isolated from the web infrastructure. Browser, the gateway to the outside world is growing aggressively to a point that it won't be a surprise if one day, the browser can replace the whole operating system itself.

And this aggressive development makes everyone who uses web browsers to access world wide web know a few basic facts listed below:

  • What goes behind the scene when a URL is entered?
  • What makes web pages highly interactive and enables rich UI?
  • What is cloud storage and cloud computing?
  • What are web applications?
  • What are browser plugins and extensions?
  • What are browser cookies?
  • User privacy and security

So now, I will take up these topics one by one and try to understand from an end user perspective.

What Goes On Behind the Scenes When a URL is Entered?

URL is a human understandable format of a machine address, and these addresses are normally referred to as IP addresses. As an analogy, consider a phone number saved on your device, then:

  • Contact Name = URL of the web server / Web site
  • Contact Number = Address of the web server / Web site

When a URL is entered, the browser contacts DNS server which is the same as a telephone directory to convert this human understandable address or URL to machine understandable address or IP. DNS server returns browser with the IP address of the server. Once the browser receives IP address of the server, it fetches the HTML page on to a local machine and renders it on to the screen.

What Makes Web Pages Highly Interactive and Enables Rich UI?

During the early days of web technologies, web pages were written in basic HTML language to support only text and images but as the web community grew, new web technologies were introduced and existing technologies were enhanced to bring in rich user interface and highly interactive user experience.

This was made possible with the introduction of JavaScripts, XMLHttpRequests, CSS (Cascading Style Sheets) , AJAX and lots of browser plugins. I'll be taking up these topics in depth in part 2 of this article.

What is Cloud Storage and Cloud Computing?

Every internet user must have used an e-mail application, would have backed up some files on a server, might have played online games, would have filled applications online. All these services are the results of cloud computing,

In short, cloud computing enables an internet user to use combined capabilities of thousands of servers without the knowledge of end user about where the data is being backed up, which server is doing computations, which server is maintaining all the history of browsing habits of a user and many more.

With cloud computing, it really doesn't require an end user's computer to have a good hardware configuration, but it should be capable enough to run browser at its maximum efficiency to leverage all its functionalities. Cloud computing made it possible to run complex applications smoothly on hand held devices with low processing capabilities.

What are Web Applications?

Internet users who are using Google Chrome must be well aware of web applications however, users who are using other web browsers than chrome would be using web applications in the form of plugins, but these are different nomenclatures of the same entity.

Web applications are simple applications running within the browser, and mostly built to perform a single specific task, e.g., a simple notes application which enables the user to take some quick notes, a sports app which is made to display live cricket scores. an online photo editor, a gaming app, a new mail notifier. and many more. All these applications come in very handy and mostly would be using the power of cloud computing.

What are Browser Plugins and Extensions?

Browser plugins and extensions are the add-ons which empower the browser to do many more things beyond browser's basic capabilities.

To quote some, add-ons like Flash plug in enables video playback on webpages, Adobe reader plug in helps the browser to render pdf files within web browsers, a currency converter, language translator, etc. All these plugins give superpower to browsers to render various contents and help cater to various requirements of an end user.

What are Browser Cookies?

Browser cookies are some piece of information which websites want to remember about you. So each time when you visit a web site, the site secretly sends information about your browsing interests to your web browser in the form of cookies which is locally stored. So next time when you visit the same site, you will see that articles, photos, videos presented are inline with your interests.

For example, Amazon may always display electronic gadgets on home screen since most of the time you browse for electronic gadgets. YouTube may present you with technical videos since you always browse about new technologies.

This is how websites are able to serve thousands of users with different interests and from varied backgrounds with the preferred contents.

User Privacy and Security

Most of us think twice before going ahead with online transactions, all of us have a common question, " Are online transactions safe " and my answer is " Yes it is " but only with a little risk. The system is not 100% shielded from the hacking community.

But users need not panic about this, because the existing systems which handle online transactions are strong enough to challenge the capabilities of hackers and even if hacked, the validity of hacked data might have been expired which would be of no use to the hacker.

Users doing online transactions must be aware that all the transactions must happen through a secured connection, hence she/he must notice the type of the protocol used is " HTTPS ".

Also, users must not be misled by phishing sites, which look exactly like a genuine site from a bank or any other financial organization. The solution to this problem is to check for certificates or the browser does this on your behalf. It can be noticed that when URL of a reputed bank is loaded, the background of address-bar changes to green color indicating that this is a genuine site owned by the bank.

That's all for this current Part 1 of the article. I hope this was helpful in understanding the basics about modern web browsers. Part 2 of the article would be more on internals of modern web browsers.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)