javascript - 重定向不受支持的浏览器的最简单方法是什么？

Question

我正在编写一个支持 IE9、Firefox 23、Chrome 29 和 safari 5.1 的网站。

我只是想将所有其他浏览器重定向到一个单独的网页，上面写着“抱歉，伙计。是时候做个男人，得到一个真正的浏览器了。”，而不是优雅的折旧。

用最少的代码完成此任务的最简单方法是什么？

Answer 1

功能检测是要走的路，而不是浏览器嗅探，但为了向您提供您似乎正在寻找的答案，我编造了这个:

var browser = (function(){
    var ua = navigator.userAgent, 
        M  = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*([\d\.]+)/i) || [],
        tem;

    if(/trident/i.test(M[1])){
        tem =  /\brv[ :]+(\d+(\.\d+)?)/g.exec(ua) || [];
        return ['ie', (tem[1] || '')];
    }
    M = M[2] ? [M[1].toLowerCase(), M[2]]:[navigator.appName.toLowerCase(), navigator.appVersion, '-?'];
    if((tem = ua.match(/version\/([\.\d]+)/i))!= null) M[2] = tem[1];
    return M;
})();

var supported = {
    'ie' : 9,
    'chrome' : 29,
    'safari' : 5.1
}

if (supported[browser[0]] <= (browser[0]=='safari' ? parseFloat(browser[1]) : parseInt(browser[1],10))) {
    alert('Your browser is OK !');
}else{
    window.location.href = 'http://browsehappy.com/';
}

除了最新的 chrome 之外，它在所有浏览器中都未经测试，你必须自己测试它，并根据你的需要进行调整，但它应该返回一个包含浏览器名称和浏览器版本的数组，你可以检查它是否与你的匹配要求。

再一次，特征检测通常是可行的方法，浏览器嗅探不是。