作为一名前端,或者网页设计人员。除了该有的设计,切图技能之外,还有一些小知识,会让你在工作的时候表现的更加突出,这些技能除了是你工作中的必备,同时也是偶尔与其他前端设计人员沟通的时候可以带一波节奏的小梗。
需求方:你的页面在360下不能用。
设计师:什么360?
需求方:360还有什么360,360浏览器啊。
需求方:你的页面在360下不能用。
设计师:请问是360急速浏览器还是安全浏览器呢?能不能给我提供详细的内核模式和浏览器版本号?
需求方:……
上边的对话不知道你是否也经历过。
现在大多数的互联网厂商都研发了自己的浏览器工具,那么这些浏览器的兼容都是如何
控制的呢?
市面上常见的浏览器厂商有火狐,360,猎豹,UC,搜狗等。目前他们大多数都采用了双核模式,那么具体是哪两个核呢?
IE模式,和急速模式。
IE模式顾名思义就是指调用你本机的浏览器内核,而且默认会采用你浏览器中较为低的版本,如果你的电脑为XP系统,那么一般为IE7,如果你的电脑是WIN7系统,那么一般为IE9。
急速模式为谷歌内核,需要知道的是,谷歌内核一般会比原生的chrome浏览器低几个版本。
同时,为了节省浏览器占用空间,提高加载速度,有些浏览器对某些默认插件进行了缩减和整合,例如小D之前就遇到了搜狗浏览器对SELECT控件不兼容的情况。
同时需要指出的是,即使是谷歌,也会出现问题,15年7月份的时候,谷歌有一个版本就出现了不能解析line-height的问题。小D因此对公司项目也进行了一周的紧急修复。不幸的是,在16年3月份,某数字浏览器厂商更新了他们的急速(谷歌)内核,采用的居然还是谷歌的这个版本,因此就出现了,急速内核不能识别line-height,而谷歌正常的情况。
这样的问题,小D当时的解决方案就只能是改变结构,对所有使用Line-height属性的结构进行重新编写。
而IE模式最常见的就是,你用WIN7,需求用XP,那么同样是兼容模式,很可能他会调用IE6内核,而你是IE7内核,这时候出现兼容问题。那也就很正常了。
因此,小D建议,熟练利用浏览器帮助中的“关于版本”信息,查看当前浏览器的版本信息,双核的更需要关心下自己本机的IE内核版本。这样才能更方便的对症下药,而且针对需求问题,也会有更针对性的,更根源性的解决方案。