美文网首页
暗中观察:从URL输入到浏览器呈现页面

暗中观察:从URL输入到浏览器呈现页面

作者: MuzLin | 来源:发表于2018-02-03 17:03 被阅读0次

    一个网页的诞生到底发生了什么,又有什么不为人知的秘密。
    下面我们来简单探索一下。

    DNS解析

    首先,要明白什么是DNS解析。我们平常说的网址、URL它并不是直接指向网站真正的地址。比如我们在浏览器输入https://www.baidu.com,它首先通过DNS解析成一个IP地址


    我们在命令行ping一下baidu.com这个url就可以得到它指向的IP地址,大家可以发现IP地址并不容易记忆,所以才有DNS解析,把便于记忆的URL解析成网站真正的地址,这个过程就是DNS解析。方然,这个解析过程并不像描述的这么简单,其中的东西这里暂不探究,我们只简单的梳理一下页面呈现其中的过程。

    服务器处理请求

    前面的DNS把URl解析为IP地址浏览器向这个地址发起请求(中间涉及到TCP/HTTP/HTTPS等),服务器接收到请求后进行处理。处理完成后返回HTTP报文到浏览器,其中的响应报文一般包含了页面渲染的html、css、js、图片等文件。

    浏览器解析

    这时候,浏览器已经拿到了它所需要的东西,然后开始干活啦。我们平常浏览网页可以发现,如果网速慢一点网页是一点一点的加载的,这是因为浏览器一边在解析服务器返回的东西一边渲染给用户看。首先浏览器解析HTML文件构建DOM树,然后解析CSS文件构建渲染树,等到渲染树构建完成后,浏览器开始布局渲染树并将其绘制到屏幕上JS的解析是浏览器中的JS引擎去完成的。基本到这里整个过程已简单的梳理,当然其中还有许多复杂的细节我们这里暂不深究只浅显的秒速一下整个过程。

    相关文章

      网友评论

          本文标题:暗中观察:从URL输入到浏览器呈现页面

          本文链接:https://www.haomeiwen.com/subject/kdyuzxtx.html