What’s Beyond Browser Detection

Ever since browsers started multiplying, Web designers have wanted to take advantage of new capabilities without breaking the page for users of older browsers. To use image rollover effects safely, the HTML code has to be conditionalized for different browser capabilities. So developers have been coming up with ever more sophisticated browser-detection scripts. For example:

 var browserlevel = -1;function getlevel() {if (browserlevel != -1) return browserlevel;    if(navigator.appName.indexOf("Netscape") != -1 || navigator.appName.indexOf("Mozilla") != -1){        if (navigator.userAgent.indexOf("Mozilla/2.0") != -1)             browserlevel = 2;        else            if (navigator.userAgent.indexOf("Mozilla/3.0") != -1)                 browserlevel = 3;        else                if (navigator.userAgent.indexOf("Mozilla/4.") != -1)                    browserlevel = 4;                else                    if (navigator.userAgent.indexOf("Mozilla/5.") != -1)                        browserlevel = 5;                    else                        browserlevel = 1;        }  else {                  if (navigator.appName.indexOf("Internet Explorer") != -1){                     if (navigator.userAgent.indexOf("Mozilla/4.") != -1)                      		browserlevel = 4;                          else	                            browserlevel = 1;                     } else                      	browserlevel = 1;               }return browserlevel;}

The problems with this script are that it breaks all too easily with a fork in the road as happened with the release of Mozilla source code. A simpler and more robust approach is to use the Document Object Model (DOM) to test for a certain feature. For instance, a one line JavaScript can test if a browser can handle image rollovers:

 if (document.images) {	// code here for browser supporting rollover image effects}
Share the Post:
Share on facebook
Share on twitter
Share on linkedin


The Latest

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS