您现在的位置:首页 >> 前端 >> 内容

浅谈从输入URL到页面加载显示完成的过程

时间:2017/3/7 9:35:00 点击:

  核心提示:浅谈从输入URL到页面加载显示完成的过程。1、详细版1)浏览器会开启一个线程来处理这个请求,对URL分析判断,如果是HTTP协议,就按照Web方式来处理。2)调用浏览器内核中的对应方法,比如WebVi...

浅谈从输入URL到页面加载显示完成的过程。

1、详细版

1)浏览器会开启一个线程来处理这个请求,对URL分析判断,如果是HTTP协议,就按照Web方式来处理。

2)调用浏览器内核中的对应方法,比如WebView中的loadUrl方法。

3)通过DNS解析获取网址的IP地址,设置 UA 等信息发出第二个GET请求。

4)进行HTTP协议会话,客户端发送报头(请求报头)。

5)进入到web服务器上的Web Server,如Apache、Tomcat、Node.JS等服务器。

6)进入部署好的后端应用,如PHPJavajavascriptPython等,找到对应的请求处理。

7)处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改时间对比,一致则返回304。

8)浏览器开始下载HTML文档(响应报头,状态码200),同时使用缓存。

9)文档树建立,根据标记请求所需指定MIME类型的文件(比如CSS、JS),同时设置了cookie。

10)页面开始渲染DOM,JS根据DOM API操作DOM,执行事件绑定等,页面显示完成。

2、简洁版

1)浏览器根据请求的URL交给DNS域名解析,找到相应的IP,向服务器发起请求。

2)服务器交给后台处理完成后返回数据,浏览器接收HTML、JS、CSS、图象等文件。

3)浏览器对HTML、JS、CSS等文件进行语法解析。

4)载入解析后的文件,渲染页面,完成。

作者:网络 来源:筱葭的博客