Как определить IE11?
Когда я хочу обнаружить IE, я использую этот код:
function getInternetExplorerVersion()
{
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer')
{
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat( RegExp.$1 );
}
return rv;
}
function checkVersion()
{
var msg = "You're not using Internet Explorer.";
var ver = getInternetExplorerVersion();
if ( ver > -1 )
{
msg = "You are using IE " + ver;
}
alert( msg );
}
Но IE11 возвращает "Вы не используете Internet Explorer". Как я могу его обнаружить?
Ответы
Ответ 1
IE11 больше не сообщает как MSIE
, в соответствии с этот список изменений, он намерен избежать неправильного обнаружения.
Что вы можете сделать, если действительно хотите узнать, что IE должен определить строку Trident/
в пользовательском агенте, если navigator.appName
возвращает Netscape
, что-то вроде (непроверенный);
function getInternetExplorerVersion()
{
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer')
{
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat( RegExp.$1 );
}
else if (navigator.appName == 'Netscape')
{
var ua = navigator.userAgent;
var re = new RegExp("Trident/.*rv:([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat( RegExp.$1 );
}
return rv;
}
Обратите внимание, что IE11 (afaik) все еще находится в режиме предварительного просмотра, и пользовательский агент может изменить до выпуска.
Ответ 2
Используйте !(window.ActiveXObject) && "ActiveXObject" in window
для явного обнаружения IE11.
Чтобы обнаружить любую версию IE (pre-Edge, Trident), используйте "ActiveXObject" in window
.
Ответ 3
Используйте MSInputMethodContext
как часть проверки обнаружения функции. Например:
//Appends true for IE11, false otherwise
window.location.hash = !!window.MSInputMethodContext && !!document.documentMode;
Ссылки
Ответ 4
Я прочитал ваши ответы и сделал микс. Он работает с Windows XP (IE7/IE8) и Windows 7 (IE9/IE10/IE11).
function ie_ver(){
var iev=0;
var ieold = (/MSIE (\d+\.\d+);/.test(navigator.userAgent));
var trident = !!navigator.userAgent.match(/Trident\/7.0/);
var rv=navigator.userAgent.indexOf("rv:11.0");
if (ieold) iev=new Number(RegExp.$1);
if (navigator.appVersion.indexOf("MSIE 10") != -1) iev=10;
if (trident&&rv!=-1) iev=11;
return iev;
}
Конечно, если я возвращаю 0, значит нет IE.
Ответ 5
Получить версию IE из User-Agent
var ie = 0;
try { ie = navigator.userAgent.match( /(MSIE |Trident.*rv[ :])([0-9]+)/ )[ 2 ]; }
catch(e){}
Как это работает: Строка пользовательского агента для всех версий IE включает часть "пространственная версия MSIE" или "Trident other- text rv space-or-colon version". Зная это, мы получаем номер версии из регулярного выражения String.match()
. Блок try-catch
используется для сокращения кода, в противном случае нам нужно будет проверить границы массива для браузеров, отличных от IE.
Примечание. Пользовательский агент может быть подделан или опущен, иногда непреднамеренно, если пользователь установил свой браузер в режим совместимости. Хотя на практике это не похоже на большую проблему.
Получить версию IE без User-Agent
var d = document, w = window;
var ie = ( !!w.MSInputMethodContext ? 11 : !d.all ? 99 : w.atob ? 10 :
d.addEventListener ? 9 : d.querySelector ? 8 : w.XMLHttpRequest ? 7 :
d.compatMode ? 6 : w.attachEvent ? 5 : 1 );
Как это работает: Каждая версия IE добавляет поддержку дополнительных функций, не найденных в предыдущих версиях. Таким образом, мы можем тестировать функции сверху вниз. Для краткости здесь используется тройная последовательность, хотя операторы if-then
и switch
будут работать так же хорошо. Для переменной ie
установлено целое число 5-11 или 1 для более старого или 99 для новых/не-IE. Вы можете установить его в 0, если вы просто хотите точно проверить IE 1-11.
Примечание. Обнаружение объекта может нарушиться, если ваш код запущен на странице со сторонними скриптами, которые добавляют полисы для таких вещей, как document.addEventListener
. В таких ситуациях пользовательский агент является лучшим вариантом.
Обнаружение, если браузер является современным
Если вас интересует, поддерживает ли браузер большинство стандартов HTML 5 и CSS 3, вы можете разумно предположить, что IE 8 и ниже остаются основными проблемных приложений. Тестирование для window.getComputedStyle
даст вам довольно хорошее сочетание современных браузеров (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5). IE 9 значительно улучшает поддержку стандартов, но для встроенной анимации CSS требуется IE 10.
var isModernBrowser = ( !document.all || ( document.all && document.addEventListener ) );
Ответ 6
Angular JS делает этот путь.
msie = parseInt((/msie (\d+)/.exec(navigator.userAgent.toLowerCase()) || [])[1]);
if (isNaN(msie)) {
msie = parseInt((/trident\/.*; rv:(\d+)/.exec(navigator.userAgent.toLowerCase()) || [])[1]);
}
msie будет положительным числом, если его IE и NaN для другого браузера, например, chrome, firefox.
почему?
Как и в Internet Explorer 11, строка пользовательского агента значительно изменилась.
ссылайтесь на это:
msdn # 1
msdn # 2
Ответ 7
решение:
function GetIEVersion() {
var sAgent = window.navigator.userAgent;
var Idx = sAgent.indexOf("MSIE");
// If IE, return version number.
if (Idx > 0)
return parseInt(sAgent.substring(Idx+ 5, sAgent.indexOf(".", Idx)));
// If IE 11 then look for Updated user agent string.
else if (!!navigator.userAgent.match(/Trident\/7\./))
return 11;
else
return 0; //It is not IE
}
if ((GetIEVersion() > 0) || (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)){
alert("This is IE " + GetIEVersion());
}else {
alert("This no is IE ");
}
Ответ 8
Я использую более простой метод:
Глобальный объект навигатора имеет сенсорные точки свойств, в Internet Exlorer 11 называется msMaxTouchPoints tho.
Итак, если вы ищете:
navigator.msMaxTouchPoints !== void 0
Вы найдете Internet Explorer 11.
Ответ 9
var ua = navigator.userAgent.toString().toLowerCase();
var match = /(trident)(?:.*rv:([\w.]+))?/.exec(ua) ||/(msie) ([\w.]+)/.exec(ua)||['',null,-1];
var rv = match[2];
return rv;
Ответ 10
Попробуйте следующее:
var trident = !!navigator.userAgent.match(/Trident\/7.0/);
var net = !!navigator.userAgent.match(/.NET4.0E/);
var IE11 = trident && net
var IEold = ( navigator.userAgent.match(/MSIE/i) ? true : false );
if(IE11 || IEold){
alert("IE")
}else{
alert("Other")
}
Ответ 11
Это, по-видимому, лучший метод. "indexOf" возвращает -1, если ничего не сопоставляется. Он не перезаписывает существующие классы на теле, просто добавляет их.
// add a class on the body ie IE 10/11
var uA = navigator.userAgent;
if(uA.indexOf('Trident') != -1 && uA.indexOf('rv:11') != -1){
document.body.className = document.body.className+' ie11';
}
if(uA.indexOf('Trident') != -1 && uA.indexOf('MSIE 10.0') != -1){
document.body.className = document.body.className+' ie10';
}
Ответ 12
Обнаружите большинство браузеров следующим образом:
var getBrowser = function(){
var navigatorObj = navigator.appName,
userAgentObj = navigator.userAgent,
matchVersion;
var match = userAgentObj.match(/(opera|chrome|safari|firefox|msie|trident)\/?\s*(\.?\d+(\.\d+)*)/i);
if( match && (matchVersion = userAgentObj.match(/version\/([\.\d]+)/i)) !== null) match[2] = matchVersion[1];
//mobile
if (navigator.userAgent.match(/iPhone|Android|webOS|iPad/i)) {
return match ? [match[1], match[2], mobile] : [navigatorObj, navigator.appVersion, mobile];
}
// web browser
return match ? [match[1], match[2]] : [navigatorObj, navigator.appVersion, '-?'];
};
https://gist.github.com/earlonrails/5266945
Ответ 13
Я использовал событие onscroll
в элементе с полосой прокрутки. При запуске в IE я добавил следующую проверку:
onscroll="if (document.activeElement==this) ignoreHideOptions()"
Ответ 14
Только для браузера IE:
var ie = 'NotIE'; //IE5-11, Edge+
if( !!document.compatMode ) {
if( !("ActiveXObject" in window) ) ) ie = 'EDGE';
if( !!document.uniqueID){
if('ActiveXObject' in window && !window.createPopup ){ ie = 11; }
else if(!!document.all){
if(!!window.atob){ie = 10;}
else if(!!document.addEventListener) {ie = 9;}
else if(!!document.querySelector){ie = 8;}
else if(!!window.XMLHttpRequest){ie = 7;}
else if(!!document.compatMode){ie = 6;}
else ie = 5;
}
}
}
использовать оповещение (т.е.);
Тестирование:
var browserVersionExplorer = (function() {
var ie = '<s>NotIE</s>',
me = '<s>NotIE</s>';
if (/msie\s|trident\/|edge\//i.test(window.navigator.userAgent) && !!(document.documentMode || document.uniqueID || window.ActiveXObject || window.MSInputMethodContext)) {
if (!!window.MSInputMethodContext) {
ie = !("ActiveXObject" in window) ? 'EDGE' : 11;
} else if (!!document.uniqueID) {
if (!!(window.ActiveXObject && document.all)) {
if (document.compatMode == "CSS1Compat" && !!window.DOMParser ) {
ie = !!window.XMLHttpRequest ? 7 : 6;
} else {
ie = !!(window.createPopup && document.getElementById) ? parseFloat('5.5') : 5;
}
if (!!document.documentMode && !!document.querySelector ) {
ie = !!(window.atob && window.matchMedia) ? 10 : ( !!document.addEventListener ? 9 : 8);
}
} else ie = !!document.all ? 4 : (!!window.navigator ? 3 : 2);
}
}
return ie > 1 ? 'IE ' + ie : ie;
})();
alert(browserVersionExplorer);