网页浏览的地址栏中输入 URL 时,Web 页面是如何呈现的吗?

网络时代的到来,在现实生活中几乎每时每刻都有和我们的http发生交互。就想我们平时访问的web站点,例如去百度搜索,淘宝购物, 用手机微信看视频,发微信这些都会用到互联网,也都会用到我们的HTTP。

image.png
当我们在浏览器上输入我们想访问的网址的域名时候,直接到了网站首页,这时候我们可能对这种方式习以为常。

但是大家有没有认真思考过,在这个过程中到底发生了什么?

为什么我们输入网址url,就能直接跳转到对应的web站点?

这背后又究竟做了那些处理和动作,才能够给我们展示出来好看的动态页面?

域名:例如:www.baidu.com/

例如我们常说的名字:小李,小名为了方便我们记忆。

浏览器解析过程

步骤一:寻找目标服务器所对应的IP地址,这个过程靠的是一个DNS服务器来解析。

步骤二:通过DNS服务器查询出域名所映射的IP地址,浏览器根据我们查询到的IP地址,和我们web服务器进行通信。而通信的协议就是HTTP协议。

我们在浏览器上看到对应的动态画面又是如何出现的呢?

是HTTP 协议请求之后的返回吗?

服务器收到请求,自然会到后端来执行,然后将返回结果以报文的形式传给浏览器。

返回报文信息,如何展示成对应的图像信息?

渲染:渲染的引擎是根据我们Html文件描述相对的数学模型,调用我们浏览器各个零部件,从而把我们源代码展示为图像结果。

详细步骤:

步骤1:解析Html,加载解析逻辑。

步骤2:识别并加载样式信息。

步骤3:计算图层布局计算相对位置信息

步骤4:绘制图层进行对页面图像转换为识别像素

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享