javascript - 如何根据检测结果使用浏览器检测代码运行某些 HTML？

Question

当我点击 Stackoverflow 上的链接时，我发现了这个代码片段。这正是我所需要的，但我不确定如何实现它。我想用它来根据浏览器运行特定的代码。例如，如果是 Firefox，那么只需使用链接的 Javascript，如果是 IE/Chrome，那么我想使用替代代码（HTML 和 JS）。

如何才能做到这一点？

var isOpera = !!window.opera || navigator.userAgent.indexOf('Opera') >= 0;
// Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
// At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !!window.chrome;                          // Chrome 1+
var isIE = /*@cc_on!@*/false;                            // At least IE6

document.write('isFirefox: ' + isFirefox + '<br>');
document.write('isChrome: ' + isChrome + '<br>');
document.write('isSafari: ' + isSafari + '<br>');
document.write('isOpera: ' + isOpera + '<br>');
document.write('isIE: ' + isIE + '<br>');

Answer 1

if (isFirefox) {

    // do FireFox stuff here

} else if (isChrome) {

    // do Chrome stuff here

} else if (isSafari) {

    // do Safari stuff here

} else if (isOpera) {

    // do Opera stuff here

} else if (isIE) {

    // do IE stuff here

} else {

    // other browser

}

Answer 2

看看 Modernizr，它正是您所需要的，并且是进行浏览器嗅探的正确方法。

http://modernizr.com/