Skip to content

Instantly share code, notes, and snippets.

@mitchellhislop
Created March 11, 2012 21:58
Show Gist options
  • Save mitchellhislop/2018348 to your computer and use it in GitHub Desktop.
Save mitchellhislop/2018348 to your computer and use it in GitHub Desktop.
Browser Detective
<script>
var BrowserDetect = {
init: function() {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function(data) {
for (var i = 0; i < data.length; i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1) return data[i].identity;
} else if (dataProp) return data[i].identity;
}
},
searchVersion: function(dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
},
dataBrowser: [{
string: navigator.userAgent,
subString: "Chrome",
identity: "Chrome"
}, {
string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
}, {
string: navigator.vendor,
subString: "Apple",
identity: "Safari",
versionSearch: "Version"
}, {
prop: window.opera,
identity: "Opera",
versionSearch: "Version"
}, {
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
}, {
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
}, {
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
}, {
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
}, { // for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
}, {
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
}, {
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
}, { // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}],
dataOS: [{
string: navigator.platform,
subString: "Win",
identity: "Windows"
}, {
string: navigator.platform,
subString: "Mac",
identity: "Mac"
}, {
string: navigator.userAgent,
subString: "iPhone",
identity: "iPhone/iPod"
}, {
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}]
};
function setHomepage() {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage('http://www.URLHERE.com');
}
function HomepageMethod() {
if (BrowserDetect.identity == "Explorer") {
$('#action-area').html('<p><a href="javascript:setHomepage();">Set Homepage</p>');
} else if (BrowserDetect.identity == "Mozilla") {
$('<p>To set this as your homepage, drag the image to your home icon:</p>').prependTo('#action-area');
$('#action-area').html('<a href="http://URLHERE.com">Drag Me</a>');
} else if (BrowserDetect.identity == 'Chrome') {
$('<p>PUT CHROME INSTRUCTIONS HERE</p>').prependTo('#action-area');
} else {
//Put stuff for other browsers here
}
}
$(function() {
$('#action-area').hide();
BrowserDetect.init();
$('#action-area').show();
HomepageMethod();
});
</script>
// this needs to go in your DOM, it holds the various methods.
<div id = "action-area" >
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment