web-dev-qa-db-ja.com

Internet Explorer 11の検出

IE 11には他のすべてのIEとは異なるユーザーエージェント文字列があることを知っています

 Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko

この質問に対して指定された回答でIE 11を検出しようとしました '

JqueryはIE 11の検出に失敗します

それは!!navigator.userAgent.match(/Trident\/7\./)

しかし、エラーObject not found and needs to be re-evaluated.が発生しています

その後、IE11で開発者コンソールを開き、いくつかの定義済みのJavaScriptオブジェクトにアクセスしようとしましたが、まだ同じエラーが発生しています。

私が試してみました

navigator.userAgent

window.navigator

console.log('test');

誰もそれについて考えていますか？

javascriptinternet-explorerinternet-explorer-11
92
Miqdad Ali

2016年11月18日編集

このコードも機能します（ActiveXを使用せずに別のソリューションを好む人向け）

var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
  // true on IE11
  // false on Edge and other IEs/browsers.

元の回答

Ie11を確認するには、これを使用できます：（テスト済み）

（または this を実行します）

!(window.ActiveXObject) && "ActiveXObject" in window

IEのすべてのVMSがあります：

enter image description here

enter image description here

enter image description here

enter image description here

注意：これはIE11では機能しません：

ご覧のとおり、trueを返します。

enter image description here

だから私たちは何ができます：

どうやら、彼らはマシンビットスペースを追加しました：

ie11：

"Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; rv:11.0) like Gecko"

ie12：

"Mozilla/5.0 (Windows NT 6.3; Win64; x64; Trident/7.0; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; rv:11.0) like Gecko"

できること：

/x64|x32/ig.test(window.navigator.userAgent)

これはie11に対してのみtrueを返します。

142
Royi Namir

MSIE（バージョン6から11）を迅速に検出するには：

if(navigator.userAgent.indexOf('MSIE')!==-1
|| navigator.appVersion.indexOf('Trident/') > -1){
   /* Microsoft Internet Explorer detected in. */
}
85
EpokK

上記の答えはすべて、ウィンドウやナビゲーターがないと言っているという事実を無視します:-)

その後、IE11で開発者コンソールを開きました

それはそれが言うところ

オブジェクトが見つからないため、再評価する必要があります。

ナビゲーター、ウィンドウ、コンソール、いずれも存在せず、再評価する必要があります。エミュレーションでそれがありました。コンソールを数回閉じて開きます。

21
commonpike

IEのバージョン9、10、および11を検出するには、次の機能を使用します。

function ieVersion() {
    var ua = window.navigator.userAgent;
    if (ua.indexOf("Trident/7.0") > -1)
        return 11;
    else if (ua.indexOf("Trident/6.0") > -1)
        return 10;
    else if (ua.indexOf("Trident/5.0") > -1)
        return 9;
    else
        return 0;  // not IE9, 10 or 11
}
18
KennyE

そして、これをどのように実装したか

<script type="text/javascript">
  !(window.ActiveXObject) && "ActiveXObject"
  function isIE11(){
    return !!navigator.userAgent.match(/Trident.*rv[ :]*11\./);
  }
</script>
5
Miqdad Ali

このリンクは役に立ちました 。 IE11までのIEのすべてのバージョンを検出するJavaScriptコードが含まれています。 IE11エミュレーターでスクリプトをテストしました。 IE11エミュレーターを見つけるには、Webブラウザーを右クリックして「要素の検査」をクリックします。ページの左下で、ナビゲーションバーを下にスクロールし、デスクトップアイコンをクリックします。 [ユーザーエージェント文字列]ドロップダウンボックスには、IE6-11をエミュレートするオプションが含まれています。

できます。この回答を書く数分前に使用しました。スナップショットを投稿できません-評価が不十分です。

これがコードです-リンクに従って再度表示してください：

// Get IE or Edge browser version
var version = detectIE();

if (version === false) {
  document.getElementById('result').innerHTML = '<s>IE/Edge</s>';
} else if (version >= 12) {
  document.getElementById('result').innerHTML = 'Edge ' + version;
} else {
  document.getElementById('result').innerHTML = 'IE ' + version;
}

// add details to debug result
document.getElementById('details').innerHTML = window.navigator.userAgent;

/**
 * detect IE
 * returns version of IE or false, if browser is not Internet Explorer
 */
function detectIE() {
  var ua = window.navigator.userAgent;

  // Test values; Uncomment to check result …

  // IE 10
  // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';

  // IE 11
  // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';

  // Edge 12 (Spartan)
  // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';

  // Edge 13
  // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';

  var msie = ua.indexOf('MSIE ');
  if (msie > 0) {
    // IE 10 or older => return version number
    return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
  }

  var trident = ua.indexOf('Trident/');
  if (trident > 0) {
    // IE 11 => return version number
    var rv = ua.indexOf('rv:');
    return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
  }

  var Edge = ua.indexOf('Edge/');
  if (Edge > 0) {
    // Edge (IE 12+) => return version number
    return parseInt(ua.substring(Edge + 5, ua.indexOf('.', Edge)), 10);
  }

  // other browser
  return false;
}
@import url(https://fonts.googleapis.com/css?family=Fira+Mono|Fira+Sans:300);
body {
  color: black;
  background-color: white;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  margin: 0;
  padding: 3rem;
}

h1 {
  color: darkgrey;
  text-align: center;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem;
}

h2 {
  text-align: center;
  font-weight: 300;
  font-size: 4rem;
}

p {
  color: darkgrey;
  text-align: center;
  font-family: "Fira Mono", monospace;
  font-size: 1rem;
  line-height: 1.5rem;
}
<h1>Detect IE/Edge version with JavaScript.<br> Updated to recognize Internet Explorer 12+ aka Edge.</h1>
<h2 id="result">detecting…</h2>
<p id="details">n/a</p>
2
aghwotu

IE 11のみを検出するためのかなり簡潔な方法は次のとおりです。

 if(window.msCrypto) { /* I'm IE11 for sure */ }

または

 var IE11= !!window.msCrypto;

msCryptoは、window.cryptoオブジェクトのプレフィックス付きバージョンであり、IE 11でのみ実装されます。

https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto

1
j.j.
if(window.msCrypto) { /* I'm IE11 for sure */ }

デフォルトでは、IE11はActiveXを使用する機能をブロックします。したがって、ユーザーがスクリプトの実行に同意して応答するまで、このコードは機能しません。

1
Michal

これを簡単に試してみてください。IE11およびIEバージョン11以下

browserIsIE = navigator.userAgent.toUpperCase().indexOf("TRIDENT/") != -1 || navigator.userAgent.toUpperCase().indexOf("MSIE") != -1;

navigator.userAgent.toUpperCase().indexOf("TRIDENT/") != -1 for IE 11バージョンnavigator.userAgent.toUpperCase().indexOf("MSIE") != -1 for IE for 11バージョン

browserIsIE = navigator.userAgent.toUpperCase().indexOf("TRIDENT/") != -1 || navigator.userAgent.toUpperCase().indexOf("MSIE") != -1;

console.log('Is IE Browser : '+ browserIsIE)
1
Dupinder Singh

ナビゲーターを使用：-

navigatorは、クライアントマシンのブラウザに関するすべての情報を含むオブジェクトです。

navigator.appNameは、クライアントマシンのブラウザの名前を返します。

navigator.appName === 'Microsoft Internet Explorer' ||  !!(navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/rv:11/)) || (typeof $.browser !== "undefined" && $.browser.msie === 1) ? alert("Please dont use IE.") : alert("This is not IE")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
0
Parth Raval

IE11は、異なる環境で複数のユーザーエージェント文字列を提供していることがわかりました。

MSIEやその他のアプローチに依存する代わりに、Tridentバージョンに依存する方が良い

const isIE11 = userAgent => userAgent.match(/Trident\/([\d.]+)/) ? +userAgent.match(/Trident\/([\d.]+)/)[1] >= 7;

お役に立てれば ：）

0
Mr.7

このRegExpの使用は、IE 10およびIE 11で機能するようです：

function isIE(){
    return /Trident\/|MSIE/.test(window.navigator.userAgent);
}

これをテストするためのIE 10よりも古いIEはありません。

0
antoineMoPa