从URL输入到页面展现发生了什么

URL是什么

URL（Uniform Resource Locator），统一资源定位符，实际就是网站网址，又称域名。在茫茫网络世界中，浏览器就是靠URL来查找定位资源位置。URL包含协议部分，是浏览器和www万维网之间的沟通方式，它会告诉浏览器如何正确在网路上找到资源位置。

URL常见的四种传输协议

1. http——超文本传输协议
2. https——数据经过加密的超文本传输协议
3. ftp——文件传输协议
4. file——主要用于访问本地计算机中的文件

域名

为了便于记忆或辨识，人们使用域名（https://www.baidu.com） 来登录网站，每个域名背后有对应的IP地址。每个网站就是靠IP来定位的。

IP

IP是因特网中的每台连接到网络的计算机为实现相互通信而遵循的规则协议。

IP分为局域网IP（由路由器建立子网分配IP地址）和全网IP（是由国际互联网分配的唯一的IP地址，是个静态IP地址）。在办公中常用的飞秋工具，就是使用办公室局域网IP进行通信的典型表现。每台计算机的本机IP都是127.0.0.1（即localhost）。

DNS

DNS（Domain Name System，域名系统）——记录域名和IP地址相互映射的信息，人们可以免于记住IP数串。全国DNS信息可在网上查找到，各省都有对应分配不同的IP网段。大型企业会有自己的DNS服务器，专门存储域名和IP的映射关系，例如为大多数人熟知的谷歌DNS服务器，地址8.8.8.8。
域名解析的流程

1. 浏览器缓存 – 浏览器会缓存DNS记录一段时间。
2. 系统缓存 - 从 Hosts 文件查找是否有该域名和对应 IP。
3. 路由器缓存 – 一般路由器也会缓存域名信息。
4. ISP DNS 缓存 – 比如到电信的 DNS 上查找缓存。

如果都没有找到，则向根域名服务器查找域名对应 IP，根域名服务器把请求转发到下一级，直到找到 IP。

dns劫持：将系统缓存host文件里的域名对应的IP改成其他IP，致使用户访问该域名是访问到其他的网站。

服务器

• 服务器是一台安装系统的机器，常见的系统如Linux、windows server 2012。
• 常见的web服务器有Apache、Nginx、IIS、Lighttpd等。
• web服务器接收用户的Request交给网站代码，或者接受请求反向代理其他web服务器。

网站处理

浏览器处理

加载

浏览器对一个html页面的加载顺序是从上而下的，并在加载过程并行进行解析渲染处理。

1. HTML字符串被浏览器接受后被一句句读取解析。
2. 解析到link 标签后重新发送请求获取css。
3. 解析到 script标签后发送请求获取 js，并执行代码。
4. 解析到img 标签后发送请求获取图片资源。

解析、渲染

解析的过程，其实就是生成解析树，即dom树。dom树是由dom元素及属性节点组成，加上css解析的样式对象和js解析后的动作实现。而渲染，就是将DOM树进行可视化表示。下一步就来到了绘制网页的工作阶段。

绘制网页

浏览器通过上面步骤计算得到渲染树，是DOM树的可视化表示，构建渲染树使页面以正确的顺序绘制出来，遵循一定的渲染规则，经过一系列的渲染工作，实现网站页面的绘制，由此最终完成了页面展示。