Simple JavaScript To Detect Browser In Desktop And Mobile Phones

Just a simple javascript code to detect you browser in all most all devices. There is nothing much to explain only thing is we will use window.navigator and *window.navigator.userAgent  *to do this.

index.html

<html lang="en">  
<head>  
<title>Detect Browser Using JavaScript</title>  
</head>  
<body>  
<script src="detect.js" type="text/javascript"></script>  
</body>  
</html> 

detect.js

var BrowserDetect = function() {  
var nav = window.navigator,  
ua = window.navigator.userAgent.toLowerCase();  
// detect browsers (only the ones that have some kind of quirk we need to work around) 
if (ua.match(/ipad/i) !== null)  
return "iPod";  
if (ua.match(/iphone/i) !== null)  
return "iPhone";  
if (ua.match(/android/i) !== null)  
return "Android";  
if ((nav.appName.toLowerCase().indexOf("microsoft") != -1 || nav.appName.toLowerCase().match(/trident/gi) !== null))  
return "IE";  
if (ua.match(/chrome/gi) !== null)  
return "Chrome";  
if (ua.match(/firefox/gi) !== null)  
return "Firefox";  
if (ua.match(/webkit/gi) !== null)  
return "Webkit";  
if (ua.match(/gecko/gi) !== null)  
return "Gecko";  
if (ua.match(/opera/gi) !== null)  
return "Opera";  
//If any case miss we will return null 
return null  
} 
document.write(BrowserDetect()); 

Get posts by email

Like what you're reading? Get these posts delivered to your inbox.