Browser Compatibility Detector

Know your audience. This diagnostic script reads the `navigator` object to report back which browser and operating system the visitor is currently using.

Your Browser Info:
  • Browser CodeName: ...
  • Platform: ...
  • User Agent String:
    ...

Copy the Script

<div id="browserInfo"></div>

<script>
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName  = navigator.appName;
var fullVersion  = ''+parseFloat(navigator.appVersion); 
var nameOffset,verOffset,ix;

// Detection Logic
if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
    browserName = "Chrome";
    fullVersion = nAgt.substring(verOffset+7);
}
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
    browserName = "Firefox";
    fullVersion = nAgt.substring(verOffset+8);
}
// (Add other browsers here: Safari, Edge, Opera)

document.getElementById("browserInfo").innerHTML = 
    "You are using " + browserName + " version " + fullVersion;
</script>

Frequently Asked Questions

It is 'mostly' reliable but can be spoofed. Feature detection (checking if a browser supports a specific function) is generally preferred over browser name detection for coding logic.

Yes. You can check the user agent string for keywords like 'Mobile', 'Android', or 'iPhone' to distinguish devices.

Yes. The script logic typically checks for specific substrings (e.g., 'Edg/', 'Chrome/', 'Safari/') to identify the browser engine.