当你输入网址到网页呈现发生了什么？

参考文献

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works

我们在搜索框输入网址(url)后到底发生了什么呢？

我们会在浏览器的搜索框内输入一个网址（域名）
浏览器在域名系统（DNS）服务器上找出存放网页的服务器的实际地址
找到之后，浏览器发送 HTTP 请求信息到服务器，来请求拷贝一份网页到客户端
服务器同意客户端的请求后，将网页的文件以数据包的形式传输到浏览器
浏览器将数据包聚集成完整的网页然后将网页呈现给你

浏览器又是如何解析请求到的文件的呢？

浏览器首先解析 HTML 文件，并从中识别出所有的 “link” 和 “script” 元素，获取它们指向的外部文件的链接
继续解析 HTML 文件的同时，浏览器根据外部文件的链接向服务器发送请求，获取并解析 CSS 文件和 JavaScript 脚本文件
接着浏览器会给解析后的 HTML 文件生成一个 DOM 树（在内存中），会给解析后的 CSS 文件生成一个 CSSOM 树（在内存中），并且会编译和执行解析后的 JavaScript 脚本文件
伴随着构建 DOM 树、应用 CSSOM 树的样式、以及执行 JavaScript 脚本文件，浏览器会在屏幕上绘制出网页的界面；用户看到网页界面也就可以跟网页进行交互了

当你输入网址到网页呈现发生了什么？相关推荐

从输入网址到页面呈现的详细过程
从输入网址到页面呈现的详细过程面试题经典题目,简要回答如下: a.域名解析 b.发起TCP连接的三次握手 c.建立TCP连接后发起http请求 d.服务端响应http请求,返回响应报文 e.浏览器页 ...
输入网址到网页显示的整个流程
输入网址到网页显示的整个流程最近在看一些大厂的笔经面经时,经常看到这个问题,索性在今天也把自己学习的知识整理一下. 第一步:首先你得在浏览器中输入网址,比如输入www.baidu.com.其中www ...
浏览器之旅：从输入网址到页面呈现的神秘过程揭秘（一）
亲爱的IT战友们,今天我们要一起探讨一个平时经常遇到,却容易忽视的话题:当我们在浏览器中输入一个网址,按下回车键,神奇的事情就发生了--网页渲染出来!这个过程到底经历了哪些环节呢?一起来揭开神秘的面纱 ...
终极解密输入网址按回车到底发生了什么？
详解输入网址点击回车,后台到底发生了什么.透析 HTTP 协议与 TCP 连接之间的千丝万缕的关系.掌握为何是三次握手四次挥手?time_wait 存在的意义是什么?全面图解重点问题,再也不用担心面试 ...
终极解密输入网址按回车到底发生了什么
详解输入网址点击回车,后台到底发生了什么.透析 HTTP 协议与 TCP 连接之间的千丝万缕的关系.掌握为何是三次握手四次挥手?time_wait 存在的意义是什么?全面图解重点问题,再也不用担心面试 ...
终极解密！输入网址按回车到底发生了什么？
作者 | MageByte团队来源 | 码哥字节(ID:MageByte) 头图 | CSDN 下载自东方IC 详解输入网址点击回车,后台到底发生了什么.透析 HTTP 协议与 TCP 连接之间的 ...
从输入网址到网页显示过程
http://www.uubits.com/ 一般可分为如下7个步骤: 1.浏览器中输入网址. 2.发送至DNS服务器并获得域名对应的WEB服务器的ip地址. 3.与WEB服务器建立TCP连接. 4. ...
在浏览器中输入网址到网页展现全部过程
序最近接触到了整个网站的开发流程,所以就总结一下网站的运行机制,对网络应用如何工作有一个完整的层次化的认知. 第一步过程首先,你得在浏览器里输入要网址: 例如百度或者facebook. 第二步过程 ...
从输入URL到网页呈现的过程
1.域名解析当我们在浏览器中输入一个URL,例如"www.google.com"时,这个地址并不是谷歌网站真正意义上的地址.互联网上每一台计算机的唯一标识是它的IP地址,因此我们 ...

当你输入网址到网页呈现发生了什么？

我们在搜索框输入网址(url)后到底发生了什么呢？

浏览器又是如何解析请求到的文件的呢？

当你输入网址到网页呈现发生了什么？相关推荐

最新文章

热门文章