I'm doing a project in CORDOVA using basically HTML, CSS, JS. But in some cell phones the image of some icons are becoming their natural size and in others not, I have basically used vh to define the size of the images. To test this I am wanting to check which version of the browser is open, to check whether or not there is portability.
Would there be any javascript / jquery command that would do this?
In javascript it's quite simple:
alert(navigator.appVersion);
You can detect which browser is being used by the user as follows: JSFiddle
// Opera 8.0+
var opera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
// Firefox 1.0+
var firefox = typeof InstallTrigger !== 'undefined';
// At least Safari 3+: "[object HTMLElementConstructor]"
var safari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
// Internet Explorer 6-11
var ie = /*@cc_on!@*/false || !!document.documentMode;
// Edge 20+
var iedge = !isIE && !!window.StyleMedia;
// Chrome 1+
var chrome = !!window.chrome && !!window.chrome.webstore;
// Blink engine detection
var blink = (isChrome || isOpera) && !!window.CSS;
To detect the browser and its version, you can use the following function, where an object with the browser name, its version, and other browser information will be returned: JSFiddle
function get_browser(){
var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if(/trident/i.test(M[1])){
tem=/\brv[ :]+(\d+)/g.exec(ua) || [];
return {name:'IE',version:(tem[1]||'')};
}
if(M[1]==='Chrome'){
tem=ua.match(/\bOPR\/(\d+)/)
if(tem!=null) {return {name:'Opera', version:tem[1]};}
}
M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);}
return {
name: M[0],
version: M[1]
};
}