New to Kendo UI for jQuery? Start a free 30-day trial

Support.browser

fields

Convenience replacement for the now deprecated jQuery.browser. It returns an object with the browser identifier initialized as a boolean property and a version. The identifiers are identical to jQuery ones, e.g. "webkit", "opera", "msie", "edge" and "mozilla". In addition WebKit browsers will return their name e.g. "safari" and "chrome".

support.browser

Object

<div id="browser-info"></div>
<script>
var browser = kendo.support.browser;
var html = "<h3>Browser Information:</h3>";
html += "<p>Browser version: " + browser.version + "</p>";

if (browser.webkit) {
    html += "<p>WebKit-based browser detected</p>";
    if (browser.chrome) {
        html += "<p>Google Chrome</p>";
    } else if (browser.safari) {
        html += "<p>Safari</p>";
    }
} else if (browser.msie) {
    html += "<p>Internet Explorer</p>";
} else if (browser.edge) {
    html += "<p>Microsoft Edge</p>";
} else if (browser.mozilla) {
    html += "<p>Mozilla Firefox</p>";
} else if (browser.opera) {
    html += "<p>Opera</p>";
}

$("#browser-info").html(html);
console.log("Full browser object:", kendo.stringify(browser));
</script>

<script>
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(kendo.stringify(kendo.support.browser));
    // Chrome will return this object: { "webkit": true, "chrome": true, "version": 37 }
    // IE11 will return this one: { "msie": true, "version": 11 }
</script>

support.browser.version

Number

The current browser major version, e.g. "7" in Internet Explorer 7.

<script>
var browser = kendo.support.browser;
console.log("Browser version: " + browser.version);

// Check for specific browser versions
if (browser.msie && browser.version < 9) {
    console.log("Old Internet Explorer detected");
    // Show upgrade message or apply polyfills
} else if (browser.chrome && browser.version >= 50) {
    console.log("Modern Chrome detected");
    // Use latest features
}
</script>