浏览器工作原理

342 阅读1分钟

当我们在浏览器输入网址(www.baidu.com)进行搜搜这个过程时,浏览器做了哪些事?

1.域名解析

首先dns服务器对域名进行解析,解析成为IP地址,即此网站的服务器地址;

2.下载静态资源

访问成功,网站会返回一个HTML文件,如index.html(也可能为名称不叫index),浏览器拿到此html文件后进行解析,如果解析时遇到<link>标签,引入css文件,则又去访问服务器,下载此css文件,如果解析时遇到<script>标签,引入js文件,则又去下载js文件

浏览器内核

下面插入一个概念,浏览器的内核,我们常说的浏览器的内核也称做浏览器引擎,页面渲染引擎
目前常见的内核为trident(微软开发的,用于IE4--IE11)、webkit(苹果公司开发的,用于Safari浏览器,之前Chrome浏览器也在用)、blink(谷歌开发的,目前用于Chrome,Edge,opera等浏览器)
浏览器内核(如webkit)由webCore和JavaScriptCore(jsCore)两部分组成:
1.webCore: 主要负责HTML的解析,布局,渲染等工作
2.JavaScriptCore(webkit内核的js引擎):主要负责解析并执行JavaScript代码

js引擎:

为什么需要js引擎?因为js是高级语言,无论js代码是运行在浏览器还是Node,都需要转成计算机认识的机器语言来执行,因为计算机(CPU)只认识自己的指令集,所以js代码需要被js引擎解析为cpu指令
webkit内核的js引擎为jsCore,blink内核和node的js引擎为V8