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

Posted 努力┗(`O′)┛奋斗!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自动检测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停止加载页面。所以如果放的位置不对,先让文档加载了就不能达到预期的遮住整个页面的效果。

 

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

以上是关于自动检测ie低版本,并显示升级浏览器的自定义页面,当用f12再把浏览器版本提高的时候,又会自动显示正常的页面。的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 检测浏览器 IE9 及以下并抛出一个升级模式

Metronic学习之路

IE 检查你的浏览器是不是被某种(游戏或其它)安装程序恶意附加了某种插件怎么办?

怎么删除〔系统检测发现您正在使用低版本IE浏览器,可能存在安全隐患,强烈推荐您在windows〕

ie11按f12怎样降低浏览器版本

playframework[1.2.4] 500个html页面