提示用户升级浏览器代码 低于ie9的浏览器提示
来源:互联网 发布:linux系统运维简历 编辑:程序博客网 时间:2024/05/14 06:10
一般想做一些酷炫的网站都有个烦恼,那就是兼容ie浏览器,好在现在使用ie的也越来越少,微软也转战edge浏览器。
使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(bsie 鄙视IE),而且经常可以看到如下的代码:
<!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]-->
不过,个人还是倾向于提示用户升级浏览器,而不是为了兼容老版浏览器,而煞费苦心的调试,累。。。
一般喜欢用上面的代码,嵌入一个div提示用户升级浏览器,说实话也不喜欢,这方式还得挨个改模板。下面提供一种直接一段JS 放在页面或js文件里就可以实现提示:
(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>';var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));
最终效果如下:
此段代码针对于ie6 ie7 ie8 ie9都有提示。首发于:http://www.cnblogs.com/osfipin/p/6074499.html。
0 0
- 提示用户升级浏览器代码 低于ie9的浏览器提示
- 怎么让提示使用低于IE8的人 升级浏览器版本
- 低版本浏览器提示升级
- 一条JS 代码自动提示ie6 访客升级浏览器
- 一条 JS 代码自动提示 ie6 访客升级浏览器
- java后台调用JS代码判断浏览器版本是否低于IE9,低版本跳转不同页面
- IE9、IE10浏览器提示是否下载json数据
- 浏览器升级提示网站:《快乐浏览》
- springMVC IE9浏览器 jQuery的json数据拦截提示下载或者保存解决方法
- java web如何根据用户使用的浏览器来提示用户更新或更换浏览器
- 在用户关闭浏览器时候给出提示
- 用户关闭浏览器时,给出提示信息
- 去除浏览器运行js限制提示的代码
- Ie浏览器访问https网站,处理SSL提示的代码
- 微信扫码提示在浏览器中打开的遮罩代码
- 关闭 WINDOW7 IE9 “你的浏览器已升级”的窗口
- 超链接title提示浏览器全兼容代码
- 判断浏览器版本是否是ie9以下浏览器,如果是调到提示换更高级版本浏览器页面
- 马云的十八罗汉
- 习作:常用字符编码查询程序
- STM32F0xx_TIM输出PWM配置详细过程
- portfolio
- Properties(配置文件类)
- 提示用户升级浏览器代码 低于ie9的浏览器提示
- Xcode7.0免证书真机调试
- Sql千万数据执行测试
- mt5 OnCalculate
- 每个程序员都应该收藏的算法复杂度速查表
- 洛谷 P1957 口算练习题
- 7 天打造前端性能监控系统
- Observable.OnSubscribe 的理解
- 使用glide加载的图片在展示的时候是圆形