答:
1、PC浏览器
目前比较主流的浏览器肯定是chrome safari 360 搜狗 edge firefox oper 这是PC浏览器
chrome那绝对是主流,谷歌这个公司不光浏览器,在各个方面都很容易放大招。你看现在react很火,很多人都用的很欢,你看吧,过不了多久谷歌就又会放大招,让你傻眼
safari就像之前的ie浏览器似的,只要装了windows系统,就自带IE浏览器,你还不能卸载,甚至很长时间内IE浏览器占据着重要地位,因为他把政府的机器站住了。而safari (跟我读,撒发瑞),越来越都的人能够买得起苹果手机mac电脑了,这也是自带浏览器,而safari也足够优秀
360 搜狗,虽然没有前面2个这么基础坚固,但会套壳,而且广大群众们也喜欢用,尤其是我们身边群众多啊
edge,替代了原来的IE浏览器,而windows系统依然占据着更多的用户群体,而且edge也做的越来越和规范统一,也是非常棒的
至于火狐和欧朋浏览器,其实这些浏览器都是免费的,主要依赖广告费,但其实谷歌每年要给safari 火狐 欧朋 巨款的广告费,给safari广告费这好理解,毕竟做搜索也是需要成本的,而苹果直接用了谷歌的搜索,谷歌占据住了苹果的广大群体。至于谷歌给火狐和欧朋广告费不太好理解是不是?知道的或者不知道的,我们在评论区大家讨论讨论吧
2、手机浏览器
依然是chrome safari 然后就是各大手机厂商手机自带的浏览器了,三星手机浏览器,oppo,华为,小米等
小米除了国内,畅销东南亚各国,三星全球出货量手机中的战斗机,遥遥领先。
3、知道主流的浏览器有什么用?
当然是面试用啦,做为一个前端开发,整天和浏览器打交道,很多面试官都会问,这考察了你的日常工作经验,能说明白的肯定接触的就多,面试官们都问工作原理,不就是想看你是否明白每天打交道的这些东西的来龙去脉嘛。你跟面试官说出这些浏览器,虽然有被面试题的嫌疑,但是照我上面的说,这却添加了个人理解,就不单单是背了面试题,我还是根据日常工作总结的经验。
4、内核都是什么?
chrome 以前是webkit 现在应该是换成了 blink
火狐 gecko
safari 还是webkit
oper 最初是presto 后来跟chrome靠拢了
至于360 搜狗 qq浏览器 2345 遨游,都是套壳的,脉脉上不是刚有人发消息,360l浏览器套壳后ua都不改,着实让人头疼
5、知道了内核又能怎么样?
就算背一背浏览器内核,对我们又能怎么样呢?又跟很多人,一问他性能优化,很多人就能想到cdn加速,那对我们的工作有什么影响呢?你能通过cdn联想到华为在战争区域建机站很辛苦吗?所以知道了浏览器内核到底有什么用呢?兄弟们,请问cdn跟华为建机站怎么能关联起来呢?下面我说一点非常重要的,和面试题紧紧想关联的,看大家是否还能想到更多
6、渐进增强和优雅降级
.transition { /*渐进增强写法*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.transition { /*优雅降级写法*/
transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
因为各浏览器最初对dom的解析,实现不统一,其实可能他们都想战胜别人成为规范,但无奈大家做的还都不赖,导致我们开发的时候为了兼容各种浏览器,就有了这种说法,或者写法。这两种写法主要还是看我们当前网站的用户全体,可以通过用户所用浏览器监控监测到。比如我们用户新浏览器较多,那么就采用这种优雅降级的写法,先让大部分用户满足通用写法,然后再采用降级策略,通过每种浏览器内核hack写法去支持各自浏览器;而如果我们的用户浏览器低版本较多,那么就需要采用渐进增强的写法,先去满足各种浏览器的hack写法,最后再把通用写法补齐。其实在很长一段时间大家都需要保持这种写法。
现在我接触过的大部分还是这种渐进增强的,先满足业务需求再保证通用特效的写法嘛
7、总结
知道了主流浏览器都有什么,知道了其对应的内核,那么在我们面对兼容写法的时候,该兼容哪个浏览器,前缀是什么,不管是渐进增强,还是优雅降级,都会得心应手,有一套自己的理论。