做pc项目总能碰见讨厌的IE兼容问题,不过还好,我们对兼容要求不是那么离谱,兼容主流的几个浏览器就行,那么铁定要将ie除外了,找两篇博客看一下,抄一抄代码,他们的代码我觉得还是可以再改进的,我再改一改就完事了
(function(){
var userAgent = navigator.userAgent;
var is_ie = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
var is_ie11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if (is_ie || is_ie11 ) {
var str = "您的浏览器版本太低了,已经和时代脱轨了 :(";
var str2 = "推荐使用:"
+ "<a href='microsoft-edge:' target='_blank' style='color:blue;'>Microsoft Edge</a>,"
+"<a href = 'https://www.google.cn/intl/zh-CN/chrome/' target = '_blank' style = 'color:blue;'>谷歌</a>, "
+ "<a href='http://browser.360.cn/' target='_blank' style='color:blue;'>360浏览器</a>,"
+ "<a href='https://browser.qq.com/' target='_blank' style='color:blue;'>QQ浏览器</a>,"
+ "<a href='https://ie.sogou.com/' target='_blank' style='color:blue;'>搜狗浏览器</a>,"
+ "或其他双核浏览器极速模式";
document.writeln("<div style='text-align:center;color:#262626;background-color: rgba(204,232,207); height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234;font-size:30px;'>" +
"<h2 style='margin:0px'><strong>" + str + "<br /></strong></h2><h2>" +
str2 + "</h2><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到<a target='_blank' style='color:blue;' href='https://jingyan.baidu.com/article/17bd8e527a425085ab2bb8cb.html'>极速模式</a>访问<br /></strong></h2></div>");
document.execCommand("Stop");
}
})()
反正就 Edge,谷歌,360浏览器,QQ浏览器,搜狗浏览器,基本就这几个了(火狐表示我不是浏览器?)
还有一个问题,我发现啊用QQ浏览器打开某宝
你看地址栏右边是没有 调整双核模式的选择的?!
还有你看下这个百度经验如何切换急速模式
里面有个截图
看到那句话没有“此页面需要在极速模式下显示,不可以切换”
一想肯定是有设置的 meta之类的
百度关键词“此页面需要在极速模式下显示,不可以切换 meta设置”
顺便查看一下某宝的源码头部
看到了这个
<meta name="renderer" content="webkit">
然后继续百度查
可以看一下其他的博客 文章
https://blog.csdn.net/dingmo2261/article/details/101866516
文章里看到了这个 360的
也了解到
他们360浏览器有个东西叫“强制极速模式”
你们可以看一下用户问题
也就是说他们是有这个接口的但是并不会对我们一般网站开放的
再看一下这个360自定义切核功能说明
不过我发现360导航在360浏览器下面也没有强制锁定极速模式啊,而且某宝在他们浏览器也没有,某宝只是在qq浏览器是锁定的。。。。
就这样吧,记得在网页头部加句代码就好了
<meta name="renderer" content="webkit">