自动检测ie低版本,并显示升级浏览器的自定义页面,当用f12再把浏览器版本提高的时候,又会自动显示正常的页面。

代码:

<!--[if lte IE 9 ]>
<div class="">
  //这里面可以添加自己定义的内容
</div>
<script type="text/javascript">
  //这里也可以添加自定义的js
  alert("浏览器版本过低");
  window.stop ? window.stop() : document.execCommand("Stop");
</script>
<![endif]-->

代码可放置的位置:

<html>
   <head>
      此处可放
   </head>
<body>
  此处可放
  <div>
    所有内容
  </div>
</body>
</html>

注意点:1.这段代码最好放在head里面,或者是当前页面的所有内容之前。如果放在文档的后面或者body后面都会因为加载顺序的问题导致不能达到预期的效果。

    2. window.stop ? window.stop() : document.execCommand("Stop") ,这段代码的意思让ie停止加载页面。所以如果放的位置不对,先让文档加载了就不能达到预期的遮住整个页面的效果。

总结:这种检测低版本浏览器核心的点就是在整个页面加载之前的时候判断是否是低版本,如果是低版本,就显示升级页面并停止加载整个页面。这样就能达到预期的效果,也不用单独跳转到一个页面了。

原文地址:https://www.cnblogs.com/zjjDaily/p/6424630.html