认识HTML--浏览器的渲染内核 ---------16岁的小前端
认识浏览器的渲染内核,
这里我将按照三部分来循序渐进得了解到浏览器的渲染内核;
1. 浏览器
这个话题应该比较简单了吧;我来简单列举出几个用户比较多的;
还是分为两个部分,PC端和移动端
PC端的常用浏览器有:【IE】【谷歌浏览器】【火狐】【360浏览器】【safari】等
移动端的常用浏览器有:【百度】【UC浏览器】【QQ浏览器】【safari】等
那么这些浏览器是做什么的呢?
浏览器是一个上网的客户端,可以用来搜索网站;
浏览器是网页运行的平台;网页可以通过浏览器来呈现给用户;
2. 搜索引擎
在我们的进行搜索时大家有没有注意到这个事情
当我们搜索关键字【HTML】时他会将我现在页面中所有的内容都 变 成【HTML】相关的;不会有什么游戏啦,听歌啦等,这样的与我搜索的关键字无关的内容;
他是如何 变 的呢?
【搜索引擎】手下有一只蜘蛛,当你搜索内容时这只蜘蛛会以1至2秒的时间为你推荐出所有符合你想要内容的页面,并会同时为你找出最符合,界面最优的,活跃度度最高的等因素为你推荐至最前面;
目前我们不再做更深入的了解;
3. PC端浏览器的渲染引擎
【浏览器的渲染引擎】也称【浏览器内核】;
仔细观察一下3款浏览器;有没有发现字体有差别?
这就是【浏览器的渲染引擎】在作怪;
【浏览器的渲染引擎】的作用是将我们的HTML代码编译为网页上真实存在的内容;
所以我之前提到的 对【电脑】说【我要做网页】;实际上是不准确的;
应该是 对【浏览器的渲染引擎】说【我要做网页】;
因为我在代码中并没有给出我想要写的字的【样式】【粗细】等;所以说这些样式都是【浏览器的渲染引擎】默认 给我加上去的;
那么这3种浏览器给出的字体都不太一样,
我们可以得出一个结论:这三种浏览器的渲染引擎都不一样
那么不同的浏览器是不是都有不同渲染引擎呢?不是的
渲染引擎核只有以下几种
渲染引擎名称 | 开发公司/企业 | 搭载该种渲染引擎的代表浏览器 |
Trident | 微软 | IE浏览器(4---11) |
Gecko |
火狐 | 火狐浏览器/Firefox |
Webkit |
苹果 | Safari浏览器 |
Blink |
【谷歌】【Opera/欧朋】 | 【谷歌浏览器 】【Opera浏览器12.17及以下版本】 |
Presto 【废弃】 |
Opera/欧朋 | Opera浏览器12.17及以下版本 |
PC端【浏览器的渲染引擎】至【公元前2019年2月11日】加上废弃的 就5种 ;
而像PC端的【百度浏览器】【360浏览器】【qq浏览器】等等;都没有开发出自己的渲染引擎;他们的渲染引擎都是用的这5种的浏览器渲染引擎,自己只是对其浏览器的样式做改变;
号称双内核的【360浏览器】其实是装载了【(谷歌/欧朋)的Blink】和【(微软)的Trident】两个渲染引擎相互切换;
由于浏览器的渲染引擎的不同所呈现的效果也会有些差异,这种差异我们一般称之为【兼容性】;
终结一下:之所以浏览器的默认字体不同是因为【浏览器的渲染引擎不同】,也称为【渲染引擎的兼容性问题】;
4. 移动端浏览器的渲染引擎
手机端的【浏览器的渲染引擎】至【公元前2019年2月11日】完全自主开发的只有 Webkit ;
其他的例如像【UC浏览器】的u3内核,【华为天天浏览器】的T9内核;【QQ浏览器】的X5内核等;都是基于webkit进行的二次开发的;但也取得了不错的效果;
------------------------------16岁的小前端