前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自动屏蔽IE8浏览器右侧兼容按钮及拒绝IE8以下浏览器提醒

自动屏蔽IE8浏览器右侧兼容按钮及拒绝IE8以下浏览器提醒

作者头像
李洋博客
发布2021-06-15 19:39:19
1.2K0
发布2021-06-15 19:39:19
举报
文章被收录于专栏:李洋博客

最近几天辛辛苦苦的修改了这个比较中意的模板,然后就需要考虑各个浏览器兼容性的问题了,目前大多数都是IE8,少部分还存在ie7、ie6等浏览器,ie浏览器绝对是一个噩梦,美丽的网站会被撕得粉碎,疼的你是不要不要的。。。

好了,言归正传,首先屏蔽IE8右侧兼容性按钮的代码,多说一句,如果你想IE8以下浏览器无法访问可以忽略此步。简简单单一段代码,因为本模板解决了IE8不兼容的问题,所以保留了IE8浏览器,只是去除了右侧的兼容按钮。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

就是这样一段代码,就OK了,放在header.php的头部即可,也可参照本站。

接下来自动判断IE浏览器版本,低于IE8则友情提示升级至IE9或者试试火狐浏览器和谷歌浏览器,此代码转载自天兴博客,他的是屏蔽了ie9以下浏览器,我只是改动了一下,代码如下:

代码语言:javascript
复制
{php}
$uarowser=$_SERVER['HTTP_USER_AGENT'];
 
if(strstr($uarowser, 'MSIE 6') || strstr($uarowser, 'MSIE 7') || strstr($uarowser, 'MSIE 8')){
echo '
<div id="ie6-alertBox">
<div id="ie6-infoBar"><h1>对不起,本站不支持低版本ie浏览器!</h1><p>站长表示实在是兼容不了低版本的IE浏览器,请升级你的IE浏览器。</p><p>推荐升级至IE9或者试试火狐浏览器和谷歌浏览器,如果你对IE是真爱......那么请关闭本站吧。</p></div>
</div>
<div id="ie6-overlay"></div>
<style type="text/css">
#ie6-alertBox{width: 600px;margin-top: 160px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding: 20px;border: 1px solid #CCCCCC;text-align: center;font-family: "Microsoft YaHei", Verdana, sans-serif; line-height: 30px;} #ie6-infoBar h1{font-size: 22px;color: #ff0000;line-height: 60px;}
</style>
';
exit;//全面停止支持
}
{/php}

如代码所示,只要检测到ie6、ie7、ie8弹出友情提示对话框,提醒升级或者更换其他浏览器,我取消了ie8的显示,删除了

代码语言:javascript
复制
 strstr($uarowser, 'MSIE 8')

这段代码,加上了屏蔽兼容按钮的功能,如果您的网站不想兼容,直接复制代码即可,放在网站头部。现在好了,整个世界都清静了,哈哈哈哈,哦,对了 祝大家圣诞快乐。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-12-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档