一个页面从输入URL到页面加载显示完成,这个过程中都发生了什么?
2016-04-12 16:46
633 查看
详细版:
(1)浏览器会开启一个线程来处理这个请求,对 URL 分析判断,如果是 http 协议就按照 web 方式来处理;
(2)调用浏览器内核中的对应方法,比如 WebView 中的 loadUrl 方法;
(3)通过 DNS 解析获取网址的 IP 地址,设置 UA 等信息发出第二个 GET 请求;
(4)进行 HTTP 协议会话,客户端发送报头(请求报头);
(5)进入到 web 服务器上的 Web Server,如 Apache、Tomcat、Node.js 等服务器;
(6)进入部署好的后端应用,如 PHP、Java、JavaScript、Python 等,找到对应的请求处理;
(7)处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改事件对比,一致则返回304;
(8)浏览器开始下载 html 文档(响应报头,状态码200),同时使用缓存;
(9)文档树建立,根据标记请求所需指定 MIME 类型的文件(比如css、js),同时设置 cookie;
(10)页面开始渲染 DOM ,JS 根据 DOM API 操作 DOM ,执行事件绑定等,页面显示完成。
简洁版:
(1)浏览器根据请求的 URL 交给 DNS 域名解析,找到真实 IP ,向服务器发起请求;
(2)服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、CSS、JS、image等);
(3)浏览器对加载到的资源(HTML、CSS、JS等)进行语法解析,建立相应的内部数据结构(如 HTML 的 DOM );
(4)载入解析到的资源文件,渲染页面,完成。
转自:http://www.jianshu.com/p/fe62c7e33ba8
(1)浏览器会开启一个线程来处理这个请求,对 URL 分析判断,如果是 http 协议就按照 web 方式来处理;
(2)调用浏览器内核中的对应方法,比如 WebView 中的 loadUrl 方法;
(3)通过 DNS 解析获取网址的 IP 地址,设置 UA 等信息发出第二个 GET 请求;
(4)进行 HTTP 协议会话,客户端发送报头(请求报头);
(5)进入到 web 服务器上的 Web Server,如 Apache、Tomcat、Node.js 等服务器;
(6)进入部署好的后端应用,如 PHP、Java、JavaScript、Python 等,找到对应的请求处理;
(7)处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改事件对比,一致则返回304;
(8)浏览器开始下载 html 文档(响应报头,状态码200),同时使用缓存;
(9)文档树建立,根据标记请求所需指定 MIME 类型的文件(比如css、js),同时设置 cookie;
(10)页面开始渲染 DOM ,JS 根据 DOM API 操作 DOM ,执行事件绑定等,页面显示完成。
简洁版:
(1)浏览器根据请求的 URL 交给 DNS 域名解析,找到真实 IP ,向服务器发起请求;
(2)服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、CSS、JS、image等);
(3)浏览器对加载到的资源(HTML、CSS、JS等)进行语法解析,建立相应的内部数据结构(如 HTML 的 DOM );
(4)载入解析到的资源文件,渲染页面,完成。
转自:http://www.jianshu.com/p/fe62c7e33ba8
相关文章推荐
- IOS-日期处理
- 二重指针:结构体指针的指针A** b,其成员变量的调用
- webview 获取网页TITILE
- 毕向东 Java学习 笔记一
- IPC-----消息队列
- LeetCode(java)8. String to Integer (atoi)
- ping命令原理和ICMP协议
- 组合与继承
- HM编码器代码阅读(1)——介绍以及相关知识
- uploadify使用记录
- js第三方
- 查看测试给的log日志的方法
- Ubuntu 源码安装最新版本 gcc 5.x版本
- iOS之轻松上手block(下)
- 第7周项目3多文件组织类的程序
- javascript属性方法访问
- 【数据结构】Stack 栈(更新时间:2016-04-13)
- CATransition 转场动画
- @用法
- ListView上拉加载更多数据