QQ浏览器兼容模式问题

今天客户反馈有个问题，他说用360浏览器的兼容模式无法登陆系统，我试了可以，接着试了IE11，也可以，然后跟经理汇报，他说他用qq浏览器兼容模式就不可以，于是我试了，果然不可以。。。

问题是酱紫的：输入账号密码后，点击登录，密码和验证码就不见了。。我很奇怪，之前都是点登录就直接登录，或是说密码错误，验证码错误之类的。他啥也没报，控制台也没报，验证码没刷新，所以我想就是点了没反应。。

于是百度了很多东西，百度出来了一句话：<meta http-equiv="X-UA-Compatible" content="IE=7" />，这句话意思是文档模式为IE7，加在<head>下面即可，运行成功。。

于是我想调下，我要的是IE11不是IE7，于是改了<meta http-equiv="X-UA-Compatible" content="IE=11" />，靠。。。又出现上述问题。。那我就降级吧，我就改成了<meta http-equiv="X-UA-Compatible" content="IE=10" />，又不行，

在降<meta http-equiv="X-UA-Compatible" content="IE=9" />可以通过了。。。我在试下<meta http-equiv="X-UA-Compatible" content="IE=8" />也可以。。。

X-UA-Compatible 的初衷是为了让高级浏览器更好的兼容 “旧”的页面，是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。

以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。

X-UA-Compatible 具体解释可参考：http://zccst.iteye.com/blog/2162187

我又百度了一下，好像还有如下代码<meta http-equiv="X-UA-Compatible" content="IE=edge">

以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。

嗯，问题解决了。。。。。

转载于:https://www.cnblogs.com/Jin520304/p/7560255.html

QQ浏览器兼容模式问题相关推荐

QQ浏览器兼容模式下Cookie失效导致的NetCore Cookie认证失效
最近在写NetCore项目采用的是NetCore的Cookie认证.结果偶然发现QQ浏览器登录不好用.这里先需要了解一下set-cookie中的SameSite属性导致原因首先Fiddler 4 ...
QQ浏览器及360浏览器兼容模式下怎么处理sessionStorage数据
现在很多网站都需要在兼容模式和极速模式下都适应,开发的时候一般都是谷歌浏览器,前端需要存储一些本地信息,一般用的最多的是localStorage跟sessionStorage.极速模式下或者谷歌浏览器 ...
360安全浏览器兼容模式怎么设置_测试新手一定要知道：最实用的Web兼容性测试经验都在这...
在日常工作中,我们经常碰到网页不兼容的问题.我们之所以要做兼容性测试,目的在于保证待测试项目在不同的操作系统平台上正常运行. 主要包括待测试项目能在同一操作系统平台的不同版本上正常运行:待测试项目能与 ...
vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...
记一次bug解决 bug发现项目不复杂,就是一个基于vue-cli3搭建的pc端项目在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...
解决360浏览器兼容模式的页面显示问题
解决360浏览器兼容模式的页面显示问题参考文章: (1)解决360浏览器兼容模式的页面显示问题 (2)https://www.cnblogs.com/njy888888/p/7827200.html ...
偏偏在面试的时候踏入一个大坑--360浏览器兼容模式
之前从来没使用过360浏览器,也不知道他有兼容模式和极速模式.在线打开之前做过的案例(兼容模式),就完全傻眼了-乱七八糟.很绝望(最气人的是当时竟然没想到换个浏览器试试,哎,第一次面试果然让人记忆深刻 ...
自己碰到的360安全浏览器兼容模式的问题总结
公司之前做的网站项目现在兼容性出了问题,让我负责调试,我就懂一点前端代码,什么的DIV+CSS,hack都不了解,所以上网查了很多资料,也算是小有收获.此贴仅作为个人经验贴,大神还请指点. 遇到的问题 ...
解决echarts在360浏览器兼容模式和ie浏览器不兼容问题
问题一:js 脚本在360浏览器兼容模式会被阻止,需要手动允许程序才能运行. 问题二:js 脚本在ie浏览器会弹出 "echarts lnternet Explo ...
jsp页面360浏览器兼容模式不兼容问题解决方法
众所周知,360浏览器兼容模式是个很蛋疼的模式,让无数开发人员头疼脑热.鄙人也遇到了,为留纪念,特附解决方法如下: 1.在<head>标签前插入 <!DOCTYPE html PUB ...

QQ浏览器兼容模式问题

QQ浏览器兼容模式问题相关推荐

最新文章

热门文章