免插件仅代码实现IE6浏览器升级提示(两例样式)

对许多前端工程师来说,如果他们足够在意的话,IE6是经常折磨他们的痛。在当前环境下,昔日的浏览器王者IE6正日渐黄昏,微软也将在2014年彻底不支持IE6,还上线了个一个页面IE6 Countdown,鼓励全球用户与IE6彻底说拜拜。许多WordPress主题已经默认不支持IE6了(比如我本站目前使用的主题),对于IE6访客,我们可以友善地提醒他们升级浏览器(毕竟IE6访客还是挺多的,不信看看下文数据)。下面就介绍免插件仅代码实现IE6浏览器升级提示的方法(代码)。

统计数据:Jeff的阳台相关访客浏览器数据

这些数据是Jeff的阳台过去一个月的访问的浏览器相关情况,数据来源于Google Analytics。由于访客的特殊性,一些数据不能体现主流情况。可以看到,过去一个月访客中使用Chrome的比IE还多,而在使用IE的用户中,不同版本的访客数由大到小分别是IE10、IE9、IE8、IE7、IE6。整体来说,Jeff的阳台访客中每100人访问就大概有2.3人是使用IE6的。由于Jeff的阳台属电脑技术博客,访客大部分熟知电脑知识,因此有较多的“优良品种”。

访客的浏览器分布情况

使用IE浏览器的访客使用版本情况

以下提供的方法不仅仅可以使用在WordPress上,只要是网站都可以!当然,前提是你会修改代码。

IE6升级提醒样式一

该代码实现的样式在头部显示,加载一张图片,代码来自微软官方。

效果:

在主题目录下的header.php的</head>前加入如下代码:

<!--[if lt IE 7]> <div style="clear:both;height:59px;padding:0 0 0 15px;position:relative;"> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"> <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0027_Simplified Chinese.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /> </a></div> <![endif]-->

IE6升级提醒样式二

该代码实现的样式在底部显示,加载js,拥有淡入淡出效果,如果访客不手动关闭将随浏览视野移动而移动。该方法来自neoease.com

效果如右,可以见演示页面。

在主题目录下的footer.php的加入如下代码:

<!--[if IE 6]> <script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"> </script> <![endif]-->

推荐使用方法二。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IT派

Ionic vs React Native: 移动开发哪家强 ?

选择合适的平台是开发人员在创建移动应用程序时面临的主要问题之一。据统计,iOS 和 Android 两大巨头已经有超过了十年的竞争。为了从软件开发的预算效益和时...

4365
来自专栏Hongten

你用java的swing可以做出这么炫的mp3播放器吗?

这个mp3播放器是基于java的swing编写的,我认为界面还是可以拿出来和大家看一看评一评。

1832
来自专栏数据小魔方

rmarkdown+flexdashboard制作dashboard原型

R语言作为一门统计计算和数据可视化为核心特色的工具性语言,其在可视化领域或者说数据呈现方面有着非常成熟和系统的解决方案。

1683
来自专栏Web 开发

最近做的几件事

MVC模型,把前、后以及中间控制器分离了,3样东西,分开写,Coding的时候,专注于某一个细节即可,最后再联动调试。

800
来自专栏非著名程序员

微信小程序优秀开发资源汇总

? 说实话,我最近大概有半年多再也没有敲过 Android 的代码了,所以对于 Android 方面的内容可能分享的比较少了,这半年一直在做微信小程序的开发,...

6304
来自专栏阮一峰的网络日志

JavaScript 全栈工程师培训教程

我现在的技术方向,前端是 React,后端是 Node,时间都投入在这两方面。 最近有一种感觉,我可以融汇贯通了,使用 JavaScript 全栈解决各种问题。...

3618
来自专栏较真的前端

Google I/O 2018 : Web 现状综述

2284
来自专栏机器学习算法与Python学习

缺数据玩不转机器学习?这里有一份超实用爬虫攻略

键字全网搜索最新排名 【机器学习算法】:排名第一 【机器学习】:排名第一 【Python】:排名第三 【算法】:排名第四 作者简介 杨真 创业公司CTO 曾任腾...

2896
来自专栏编程微刊

经典小程序源码及其下载地址

7465
来自专栏性能与架构

为什么前端工程师越来越值钱?

前端工程师行情 下面是猎聘和拉勾上北京的前端工程师招聘信息截图 ? ? 行情是不是很不错 为什么值钱? 因为现在的前端开发工程师需要的技能越来越多了 ? 我所接...

37513

扫码关注云+社区

领取腾讯云代金券