Come rilevare IE / Edge usando javascript? - javascript, html, css

Sto cercando di usare javascript per applicare un certostile alle pagine in base al browser utilizzato dall'utente. Sono in grado di rilevare tutti i browser ad eccezione di IE / Edge. Nel mio frammento di codice sto solo cercando di rilevare IE / Edge e applicare lo stile.

Ecco il mio codice:

var bodyStyle = document.querySelector("#bodyArea");
if((navigator.userAgent.indexOf("Edge") != -1 ) || (!!document.documentMode == true ))
{
alert("asdf");
bodyStyle.style.paddingTop = "500px";
}
else
{
bodyStyle.style.paddingTop = "300px";
}

Quando metto un avviso nella sezione else che dàio sono un avviso, ma non funziona sulla parte if, quindi penso che il mio problema si sta verificando quando cerco di rilevare IE / Edge o se si trova altrove, fammi sapere. Se qualcuno ha dei feedback, sarà molto apprezzato, grazie in anticipo!

risposte:

Puoi usare questa abitudine script per rilevare IE / Edge:

if (/MSIE 10/i.test(navigator.userAgent)) {
// this is internet explorer 10
window.alert("isIE10");
}

if(/MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent)){
// this is internet explorer 9 and 11
window.location = "pages/core/ie.htm";
}

if (/Edge/12./i.test(navigator.userAgent)){
// this is Microsoft Edge
window.alert("Microsoft Edge");
}

Dai un'occhiata a questa pagina per le ultime stringhe di user agent di IE e Edge: https://msdn.microsoft.com/en-us/library/hh869301%28v=vs.85%29.aspx