每天一道面试题 浏览器输入URL到页面呈现详细过程
浏览器输入URL到页面呈现过程
1.当用户敲下回车的那一刻,浏览器会判断用户输入的是ip地址还是域名
2.如果是ip地址就直接访问,否则就会先解析域名
3.域名的解析会先从浏览器缓存中去查询,是否有之前访问的记录,有的话就访问对应的ip
4.如果没有的话,就继续从系统缓存中去查找,还没有的话就查看host文件,看是否有配置
5.如果还没有的话就进行DNS解析直到找到对应的ip
6.然后进行TCP连接,中间有三次握手连接的过程
7.连接建立好之后,就发送相应的Http请求
8.服务器会根据客户端http的请求响应相应的资源传输给浏览器,需要操作的数据库的就操作数据库,不需要的就直接响应资源
9.如果不需要继续进行cs交互,就会断开TCP连接,这里有四次挥手的过程
10.浏览器先下载对应的资源,包括但不限于HTML,JS,css,遇到js会发生阻塞
11.然后根据资源解析生成相应的DOM树和CSSOM树
12.这个时候会进行回流和重绘来计算屏幕的像素点
13.然后调用GPU进行页面渲染
14.绘制完成之后页面就展示在我们眼前了
具体细节可参考这篇文章
https://blog.csdn.net/weixin_44865458/article/details/116130358
每天一道面试题 浏览器输入URL到页面呈现详细过程相关推荐
- 从浏览器输入URL到页面显示的过程
从浏览器地址栏输入url到显示页面的步骤: 目录 1.概述 浏览器根据请求的URL交给DNS域名解析器,找到真实IP,向服务器发起请求: 三次握手建立连接,服务器交给后台处理完成后返回数据,浏览器接收 ...
- 浏览器输入网址到页面呈现的过程
内容来源<图解HTTP>
- 「一道面试题」输入URL到渲染全面梳理中-页面渲染篇
前置知识 此文是一道面试题,又不仅仅是一道面试题,不过这道题共分了三篇来说,嗯..可想而知 接上文,上文我们讲了网络通信的部分,详细请看「一道面试题」输入URL到渲染全面梳理上-网络通信篇, 那么该说 ...
- 从浏览器输入url到页面加载(六)前端必须了解的路由器和光纤小知识
前言 上一章我们说到了数据包在网线中的故事,说到了双绞线,还说到了麻花.这一章继续沿着这条线路往下走,说一些和cdn以及路由器相关,运营商以及光纤相关的小知识,前端同学应该了解一下的 目录 前言 1. ...
- 别再问我“输入URL到页面呈现”啦
第1篇: 能不能说一说浏览器缓存? 缓存是性能优化中非常重要的一环,浏览器的缓存机制对开发也是非常重要的知识点.接下来以三个部分来把浏览器的缓存机制说清楚: 强缓存 协商缓存 缓存位置 强缓存 浏览器 ...
- url上接收到 el表达式 不渲染_一文摸透从输入URL到页面渲染的过程
一文摸透从输入URL到页面渲染的过程 从输入URL到页面渲染需要Chrome浏览器的多个进程配合,所以我们先来谈谈现阶段Chrome浏览器的多进程架构. 一.Chrome架构 目前Chrome采用的是 ...
- 浏览器 重定向次数限制_在浏览器输入URL到页面渲染的整个流程是如何的?都有哪些步骤?...
问题:输入 URL 到页面渲染的整个流程 DNS解析 TCP握手 TLS握手 浏览器开始解析文件 构建 DOM 树.构建 CSSOM 树.解析JS 生成 Render 树 调用 GPU 绘制,合成图层 ...
- 从输入URL到页面呈现中间发生了什么?
当我们在浏览器的地址栏中输入URL到页面渲染,中间具体发生了什么? 地址栏输入URL DNS解析 建立HTTP连接(3次握手) 浏览器渲染页面 断开连接 地址栏输入URL并解析 URL(Uniform ...
- 分析输入url到页面返回的过程(查询返回过程)
最近看到一个题目,是当在浏览器中输入一个url后回车,后台发生了什么?比如输入url后,你看到了百度的首页,那么这一切是如何发生的呢? 这个问题之前.最近.我想以后肯定还会被问到,或者问到这样的题目, ...
最新文章
- 【转】触屏手机电话拨打链接
- 第一个使用Spring Tool Suite(STS)和Maven建立的Spring mvc 项目
- 电脑出现qtwebengineprocess.exe停止报警_FANUC报警号,不用再翻书本了。
- 二开版彩虹易支付全开源10套模板带风控实名系统源码
- SparkSQL: no typetag available for xxxx问题的解决办法
- SpringGateway与Zookeeper的Maven冲突
- python 参数收集_Python参数传递及收集机制原理解析
- 砂.随笔.九.12.14公司停电,冒雨修爪爪
- 零基础,新手小白看过来!易用可视化工具推荐
- linux降内核版本_linux内核降级
- TOOLFK在线工具-在线文字转语音/语音合成mp3工具
- HTML5期末大作业:明星个人网站设计——权志龙(10页) 含设计报告HTML+CSS++JavaScript 个人网站模板下载 大学生简单DW个人网页作品代码 个人网页制作 学生个人网页...
- KETTLE将本地图片抽取到oracle库
- 自己设计的一个android返回键
- IIS 编译器错误消息: CS0016未能写入输出文件“c:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\Temporary ASP.NET Files\roo
- 无线网服务器端口是什么,无线路由器上的lan端口是什么意思?
- 计算机有哪些值得参加的比赛
- 若依配置教程(九)若依前后端分离版部署到服务器Nginx(Windows版)
- linux命令之一 diff(2) 命令用法
- js点击图片实现验证码刷新操作