360兼容模式问题

Posted 2022-12-06 XiaoHuBeiPlus

本来我们项目都是只支持ie8以上，

之前做过的活动都是没有什么问题

突然有一天，做了一个圣诞节的活动，准备上线的时候，业务发现在360浏览器打开出现各种样式排版问题，

排查原因发现，这次活动360兼容模式打开，居然是以ie5模式渲染的。

于是想着在ie9以下给出提示用户浏览器版本太低问题

1.我们之前用的jq是2.1版本，换了1.11版本

2.“缺少标识符、字符串或数字”，又报了一堆这个问题，原因是

一般出现在对象的定义时在最后一个属性或方法后加了逗号，必须干掉这个逗号。改了好多地方，我擦嘞

3.有发现ie7、ie6不支持querySelectAll方法，然后就各种报错。

4.最终解决方案是在head里面加入了meta(http-equiv="X-UA-Compatible" content="IE=edge")，以最新的ie内核去渲染；

5.在面对赶着上线时间点，排查问题，和解决问题的道路是曲折了。但是最终问题得到解决了。