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

免插件仅代码实现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 条评论
登录 后参与评论

相关文章

  • 为WordPress 评论框添加HTML5 表单验证

    WordPress 中最常用到的表单莫过于评论框了,但现在不少的WordPress 主题(包括WordPress官方的主题),其表单验证其实是借助javascr...

    Jeff
  • WordPress 网站开发“微信小程序”实战(二)

    本文是“WordPress 开发微信小程序”系列的第二篇,本文记录的是开发“DeveWork极客”小程序v1.1 的过程。一如既往,目标读者为了解WordPre...

    Jeff
  • 自定义(修改)WordPress管理后台界面的字体样式

    默认的话,WordPress 后台管理界面的字体样式是“sans-serif”,中文的话直接是宋体了(当然,在Windows的机子上是这样,苹果机可能不同)。不...

    Jeff
  • 腾讯大数据平台质量保障之道

    引言: 大数据时代,业界各巨头都在投入重兵打造自己的大数据平台,分析挖掘蕴藏在数据金矿中的价值。在腾讯,数平承建了公司级大数据平台,我们的测试团队也有幸...

    腾讯大数据
  • spring boot框架学习学前掌握之重要注解(1)-sprng的java配置方式

    本文是《凯哥陪你学系列-框架学习之spring boot框架学习》中学前掌握之重要注解(1)

    凯哥Java
  • 程序的入口

    操作系统装载应用程序后,做完初始化工作就转到程序的入口点执行。程序的默认入口点由连接程序设置, 不同的连接器选择的入口函数也不尽相同。在VC++下,连接...

    _gongluck
  • AI一分钟|研究人员证明“金钱真的可以买到快乐”;特斯拉中国梦面临威胁

    1. 研究人员证明“金钱真的可以买到快乐” 我们会经常听到“金钱无法买到快乐”的说法,但是新的研究表明这不是真的。事实证明,金钱的确可以让一个人开心,但...

    AI科技大本营
  • Android 性能测试之方向与框架篇

    借项目的开发周期,把思考了一段时间的场景化性能测试框架搭建起来,方案应用于项目的测试,也发现了产品中的不少问题。 接下来将用七八个篇幅详细记录一下心路历程。为分...

    陈帅
  • 【 Android 场景化性能测试专栏】方向与框架篇

    系列文章涉及场景化性能测试,包括耗电性能测试、内存泄漏测试、UI流畅度性能测试、app启动速度测试等。测试方案在实际应用中,已有不少产出,其本身具有可操作性强、...

    腾讯移动品质中心TMQ
  • Git 项目推荐 | html5 异步批量上传插件

    使用html5的ajax批量上传的工具 。 插件描述: javascript异步上传插件,包含3个子项目BUpload, JUpload, TUpload. ...

    码云Gitee

扫码关注云+社区

领取腾讯云代金券