JSFiddle - React, Tailwind, and code Playground
by anil001ry
HTML
Hi We Are Checking Your Device Platform And browser
JavaScript
var Detect = {
init: function() {
this.OS = this.searchString(this.dataOS);
},
searchString: function(data) {
for (var i = 0; i < data.length; i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
return data[i].identity;
} else if (dataProp) return data[i].identity;
}
},
dataOS: [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "macOS"
},
{
string: navigator.userAgent,
subString: "iPhone",
identity: "iOS"
},
{
string: navigator.userAgent,
subString: "iPad",
identity: "iOS"
},
{
string: navigator.userAgent,
subString: "iPod",
identity: "iOS"
},
{
string: navigator.userAgent,
subString: "Android",
identity: "Android"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]
};
Detect.init();
alert("******* Detecting OS, Got It" +" " + Detect.OS + " !!");
var osPl = Detect.OS;
if (osPl === "Android") {
browserDetectAndroid();
console.log("***** Its Android Device !!");
} else if (osPl === "Windows") {
browserDetectAndroid();
console.log("***** Its Windows Device !!");
} else if (osPl === "Mac" || "iPhone" || "iPad" || "iPod") {
console.log("***** Its Ios Device !! ");
} else if (osPl === "Linux") {
browserDetectIos();
} else {
alert("Exception");
browserDetectAndroid();
console.log("****** Unkonwn OS !!");
}
function browserDetectAndroid() {
var sBrowser,
sUsrAg = navigator.userAgent;
//FIREFOX
if (sUsrAg.indexOf("Firefox") > -1) {
sBrowser = "Mozilla Firefox";
console.log(" ****** Your Are ON " + sBrowser + " !!");
var r = confirm(
"UnSupported Browser !! Sorry You Are Using : " +
...