一行JS代码实现ie浏览器升级弹窗

距离微软停止支持IE8已经过去四年了，距离微软停止支持IE10也已经过去了两年多，但仍有部分用户使用旧版IE浏览器，这使得网站技术人员不得不提示用户升级浏览器。

本文为大家怎么免插件实现IE升级提示弹窗。

工具/原料
代码编辑器

方法/步骤
本文介绍的是「旧版IE淘汰行动」提供的弹窗代码，通过这段代码我们可以轻而易举地为网站接入旧版IE升级提示，而且此弹窗代码为双核浏览器提供了内核切换示意图，能引导小白用户通过切换极速内核来正常访问网站，有效防止流量流失。

弹窗效果如下。

弹窗代码用法（将以下代码添加在 <head> 之后）：

在IE8及更旧版IE提示升级：

<!--[if lte IE 8]> <script>var _iealwn = {once: 0, outver: 8};</script> <script id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js"></script> <![endif]-->

在IE9及更旧版IE提示升级：

<!--[if lte IE 9]> <script>var _iealwn = {once: 0, outver: 9};</script> <script id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js"></script> <![endif]-->

在IE10及更旧版IE提示升级：

<script>/*@cc_on document.write('\x3Cscript id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>'); @*/</script>

一个完整的HTML示例（包含优先使用 webkit 内核的代码）：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"/><meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/><script>/*@cc_on document.write('\x3Cscript id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>'); @*/</script><title>网页标题</title><!-- 其他meta标签 -->
</head>
<body><h1>网页内容</h1>
</body>
</html>

注意事项
旧版IE升级提示弹窗代码由阿里云存储及阿里云CDN提供极速访问。

转载于:https://my.oschina.net/u/3801403/blog/1789485

一行JS代码实现ie浏览器升级弹窗相关推荐

从敲下一行JS代码到这行代码被执行，中间发生了什么？
前言我们每天都在写JS,你是否想过,计算机是怎么识别你的这一行代码,并且执行相应指令?本篇文章为你讲述从敲下一行JS代码到这行代码可以被执行算出正确的结果,都经历了什么. 编译学过计算器基础的,即 ...
vue项目一行js代码搞定点击图片放大缩小
一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...
如何在浏览器上跑深度学习模型？并且一行JS代码都不用写
翻译 | 林椿眄编辑 | 周翔 2017 年 8 月,华盛顿大学的陈天奇团队发布了 TVM,和 NNVM 一起组成深度学习到各种硬件的完整优化工具链,支持手机.CUDA.OpenCL.Metal.J ...
一行js代码识别Selenium+Webdriver及其应对方案
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...
一行js代码识别Selenium+Webdriver及其应对方案 1
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...
sts 的js代码不变色_[黑科技] 使用 Laravel Livewire 来构建实时搜索功能（不使用一行 JS 代码）...
原文链接:https://learnku.com/laravel/t/40775 讨论请前往专业的 Laravel 开发者论坛:https://learnku.com/Laravel 最终结果-完全交 ...
一行js代码破解百某Du云大文件下载限制
转自 http://blog.jarjar.cn/one-line-js-crack-baidu-yun/ 最近做了一个直接在下载百某Du云大文件,而不用启动百某Du云客户端的chrome插件,插件核 ...
一行js代码破解百度云大文件下载限制
文章转载于链接:http://blog.jarjar.cn/one-line-js-crack-baidu-yun/ 最近发现了一个能直接在下载百度云大文件的时候,而不用启动百度云客户端的chrome ...
加入收藏js代码兼容所有浏览器
我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令, ...
python退出全屏_实现网页全屏和退出全屏JS代码，多浏览器兼容
js全屏和退出全屏代码|www.125jz.com 全屏显示退出全屏 function requestFullScreen(element) { // 判断各种浏览器,找到正确的方法 var req ...

一行JS代码实现ie浏览器升级弹窗

一行JS代码实现ie浏览器升级弹窗相关推荐

最新文章

热门文章