IE-OLD IE 提示

1. IE-OLD 网站开发必备，收藏好

在开发网站的过程中，不管是优雅降级和渐进增强，总有1款IE 不适合你，然而为了更好的用户体验，你肯定需要一款面对我不兼容浏览器脚本的提示，已提交网站的健硕和友好的交互，由此你应该用的到IE-OLD

这是通用的一个在低版本浏览器上以全屏形式友好提示用户更换浏览器的小脚本，展示效果如下：

2. IE-OLD效果图

3. 优点

1.使用方便，只需加几行 IE-only 的条件注释代码，对现代浏览器不会产生任何影响 2.大小：整站才45Kb(包含图片，第1种方式无需再任何浏览器加载) 3.醒目，目前多数的网站做法只是在顶部很窄的位置提示一句话，达不到鼓励用户更换浏览器的目的。而本身是否完全放弃 IE 也是网站自己的选择。此脚本明显地告知用户，之后遇到样式和功能不正常是因为你已经落伍了。

4. Install 安装

$ npm install --save ieold

5. 使用方式用3种

第一种使用方式(推荐)

Method 1

<!--[if lt IE 10]>
<script>
// 如果推荐语使用默认值，可以删除此 script 标签
</script><script type="text/javascript" src="index.src.js"></script><![endif]-->

Method 2

不推荐，只有支持react, 才能使用此方法

//=> react
//需要被正确识别

import ieold from 'ieold'
// @param version
// version <=  (6-11)
//
ieold(9)

Method 3

//=> common
//
const ieold = require('ieold');
ieold(9)

由于 IE 10 不支持条件注释了，如果要对 IE10 也显示，则需要在条件注释后面再添加：

<script>
if (navigator.userAgent.match(/Trident\/6/)) {document.write('<script src="index.src.js"><'+'/script>');
}
</script>

6. 浏览器选择

7. 不推荐某些热门浏览器的原因

其他浏览器本身就是个流氓，各种插件

8. 授权

作者 MIT 协议开源

转载于:https://www.cnblogs.com/passkey/p/10647066.html

IE-OLD IE 提示相关推荐

Gradle错误提示:Java home supplied via ‘xxx.xxx.xxx‘ is invalid
Gradle错误提示:Java home supplied via 'org.gradle.java.home' is invalid 描述:在使用idea采用gradle进行依赖的管理功能,当想切换 ...
Linux下创建硬链接，文件访问为空，提示：xxxx: 符号连接的层数过多
Linux下创建软链接|硬链接,文件访问为空,提示:x x x: 符号连接的层数过多. 原因:创建符号链接的时候未使用绝对路径,无论是源文件路径还是目标路径,都需要使用绝对路径. 如: ln -s / ...
oracle 提示:ORA-02292:integrity constraint(xxxxxxx) violated - child record found
当我们删除数据的时候 oracle 提示:ORA-02292:integrity constraint(xxxxxxx) violated - child record found 这种情况呢是因为 ...
错误提示没了_ESC错误排查-系统启动篇
# ECS从入门到精通(错误排查) # Linux启动与登录问题 Linux 启动与登录问题是 ECS 的高频问题,而往往处理不及时会直接影响到用户业务的正常可持续运行,因此也变成了我们处理问题优先 ...
CentOS 安装docker.ce报错提示containerd.io ＞= 1.2.2-3问题
centos安装docker.ce遇到报错,提示如下 # yum install -y docker-ce Last metadata expiration check: 0:01:49 ago on ...
全面理解Python中的类型提示（Type Hints）
众所周知,Python 是动态类型语言,运行时不需要指定变量类型.这一点是不会改变的,但是2015年9月创始人 Guido van Rossum 在 Python 3.5 引入了一个类型系统,允许开发 ...
npm install 提示权限不足 Error: EPERM: operation not permitted, unlink XXX
问题描述使用npm install出现 npm install 提示权限不足 Error: EPERM: operation not permitted, unlink XXX提示原因这里原因有 ...
使嵌入式系统调试更容易：有用的硬件和软件提示
使嵌入式系统调试更容易:有用的硬件和软件提示 Making embedded system debug easier: useful hardware & software tips 嵌入式系 ...
提示和技巧：光线跟踪最佳实践
提示和技巧:光线跟踪最佳实践 Tips and Tricks: Ray Tracing Best Practices 本文介绍了在游戏和其他实时图形应用程序中实现光线跟踪的最佳实践.我们尽可能简短地介 ...
Ubuntu 系统开机黑屏提示the root filesystem on /dev/sdb2 requires a manual fsck
Ubuntu系统开机的时候黑屏了提示如下处理方法: 输入: fsck /dev/sdb2 然后回车,(如果你的提示是sdb1 这里输入的sdb1) 然后就是很多提示是否yes 的, yes 回车 ...