一个轻量级的模态组件,“礼貌地”要求您的用户停止使用过时的IE浏览器

插件github地址:https://github.com/panteng/ie-blocker

我们在做项目时,会考虑到浏览器的兼容问题,当然做,全浏览器都支持的项目我还没经历过,也不想经历,目前做的项目只能兼容到IE8以上浏览器,虽然做不到更低版本的浏览器兼容,但是当用户用低版本浏览器访问项目访问项目时,给用户一个提示总行吧。

上面这个链接提供了这样的服务,实用很简单,看它的demo就行,

它时在head标签内写了个只有IE8以上浏览器才能识别的注释,注释里引入的是,引入需要的css和js都的代码,这样的方法很高明。

我们只需要把github上的js和css和img文件下载下来,放到自己的项目里就能使用,很方便。

在head内写上这样的代码即可:

    <! - [if lte IE 9]>
    <link rel =“stylesheet”href =“../ ie-blocker / ie-blocker.css”>
    <script src =“../ ie-blocker / ie-blocker.zhcn.js”> </ script>
    <![endif] - >

路径,看自己把静态资源放在哪了,

里面有两个js文件,分中文和英文,看情况使用。效果就是,当用户用ie8及以下浏览器访问项目时,会出现一个遮罩层,上面有高版本的浏览器图标,用户可以点击用对应的浏览器打开项目,很方便。完!

posted @ 2019-07-08 21:11  古墩古墩  Views(146)  Comments(0Edit  收藏  举报