一般想做一些酷炫的网站都有个烦恼，那就是兼容ie浏览器，好在现在使用ie的也越来越少，微软也转战edge浏览器。使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(鄙视IE)，而且经常可以看到如下的代码：

<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

不过，个人还是倾向于提示用户升级浏览器，而不是为了兼容老版浏览器，一般采用嵌入一个div提示用户升级浏览器

/*html结构*/
<div id="main">
    <app></app>
</div>

<script>
	if(!window.applicationCache){
		var node=document.createElement("P");
		node.appendChild(document.createTextNode("您的浏览器不支持HTML5,请升级浏览器"));
		node.setAttribute("style","color:#FD482C;font-size: 18px;font-weight: 500;width:90%;max-width: 490px; 
                    margin:100px auto;padding: 30px 2.5%;border: 3px dotted #bbb;text-align: center;");  
		var main=document.getElementById('main');
		main.appendChild(node);
		main.setAttribute('class','');
	}
</script>

完结！(〃'▽'〃)

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/11