现在在做前端布局的时候，很多时候都不会再考虑IE 6-8的兼容性了，但是目前依然有很多IE 6-8的用户，他们打开这样的网站时的看到的页面可能是杂乱无章的。这时如果我们在一个地方给出显眼的提示，如“您的浏览器版本过低，为了获得更好的用户体验，建议您使用火狐浏览器或将IE升级到更高版本”，这样的用户体验要比只有杂乱的布局好一些。所以今天我们就提供一种根据浏览器类型及其版本给出提示的方法。
首先我们要获取用户浏览器的类型及其版本号：
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
//alert(ua);
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;如果用户使用的IE浏览器，那么 Sys.ie 的值就为 浏览器版本号，否则 它就是 0 ；同理 Sys.firefox 、Sys.chrome等的值也是这样。
这样我们只需要在页面的合适位置留出提示信息的位置：
<div id='notice'></div>
然后在JS中判断即可，比如当IE 版本低于 IE 9 时给出提示信息，则可用如下代码：
if(Sys.ie && (Sys.ie==5.0 || Sys.ie==6.0 || Sys.ie==7.0 || Sys.ie==8.0 || Sys.ie==9.0)){
document.getElementById('notice').innerHTML='<p>您的浏览器版本太低，为了获得更好的用户体验，请升级！</p>';
}这样，当用户使用低版本的IE浏览器时，就会看到相关的提示信息了。