Browser Detection – Simple JavaScript to Get Users to Upgrade Their Old Browsers

Browser Detection

Description
Our friends at DevSlide recently launched a Labs area where they publish ideas, software, script, apps, etc., and we thought that this one could be interesting for JS developers and webmasters. It is a JavaScript browser detection tool that detects the user’s browser. If an old browser is detected, it will display a friendly suggestion for them to upgrade their browser to the latest version or download a new browser.

Background
Coding for old browsers (such as old versions of Internet Explorer, Firefox, Opera) can be a nightmare even for experienced web developers who hand code XHTML/CSS markup. It is difficult to find a balance of features, speed, and browser compatibility. It is particularly frustrating when you run a JS / CSS3 website and know that only a small percentage of your users are preventing you from using all the features of CSS3 (which, when used correctly, is feature rich, optimizes page load speeds and is easier to maintain).
Well, we have not opened a new world here :) . But, this is a big problem and it is further complicated, because most users who are running such an out-dated browser do not even know where to go to upgrade their browser. The DevSlide team created a script written from scratch in JavaScript and will not conflict with any existing JavaScript frameworks such as jQuery, and MooTools. It displays a nicely styled and friendly message. You can choose from five predefined messages (professional, informal, goofy, technical, and even a mean one, lol) or customize your own message. There is also a cookie feature, so that the user can choose to ignore the message or ask to be reminded later.

How to Install It
It’s easy to add to your site and configure. There is even a configuration form where you can customize it and load it from the DevSlide servers or download and host it on your server.
1.) Go to DevSlide Labs and configure the script.
2.) Add generated code to your <head>…</head> tag.
3.) Help us all to eliminate out dated browsers ;)
That’s it ;) Click the links below to visit DevSlide Labs to download and configure the script.

Browser Compatibility
Old and modern browsers.

Download Visit Site Demo

Related posts:

  1. Free Photoshop Browser Templates For Web Designers
  2. jQuery Javascript Image Magnifier
  3. 9 Browsers Icon create by Morcha
  4. 5 Easy Ways to Tackle IE6’s Transparency Issues
  5. The Future of Mobile Marketing with Smartphones
Click here to Advertise Here

Leave a Comment