html ie9以下版本提示升级,提示用户升级浏览器代码 低于IE9的浏览器提示

一般想做一些酷炫的网站都有个烦恼，那就是兼容ie浏览器，好在现在使用ie的也越来越少，微软也转战edge浏览器。

使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(bsie 鄙视IE)，而且经常可以看到如下的代码：

不过，个人还是倾向于提示用户升级浏览器，而不是为了兼容老版浏览器，而煞费苦心的调试，累。。。

一般喜欢用上面的代码，嵌入一个div提示用户升级浏览器，说实话也不喜欢，这方式还得挨个改模板。下面提供一种直接一段JS 放在页面或js文件里就可以实现提示：

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='

\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728 \u592a\u592a\u65e7\u4e86\uff0c\u592a\u592a\u65e7\u4e86 \u7acb\u5373\u5347\u7ea7

';var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));

最终效果如下：