在浏览器中输入URL按下回车键后发生了什么

[1]解析URL
[2]DNS查询，解析域名，将域名解析为IP地址
[3]ARP广播，根据IP地址来解析MAC地址
[4]分别从应用层到传输层、网络层和数据链路层分别加入各个层的头部封装为包
[5]进行三次握手后，客户端与服务器建立连接
[6]客服务器向客户端返回数据，浏览器接收到数据
[7]浏览器开始渲染页面

补充：浏览器渲染页面详解

[1]由从服务器接收到的html形成DOM
[2]样式被加载和解析，形成css对象模型CSSOM
[3]DOM和CSSOM创建一个渲染树
[4]每个渲染元素来说，它的坐标是经过计算的，进行渲染树的布局layout
[5]最后，将布局显示在浏览器窗口，进行渲染树的绘制painting

补充：三次握手

[1]建立连接时，客户端发送syn包到服务器，等待服务器确认
[2]服务器收到syn包之后 ，确认客户的SYN，同时自己也发送一个SYN包
[3]客户端收到服务器的包之后，向服务器发送确认包，此包发送完毕，客户端和服务器进入连接状态
[4]开始传输数据

补充：渲染被阻塞之后的猜测预加载

[1]轻量级的html或css扫描器继续在文档中扫描
[2]查找那些将来可能能够用到的资源文件的url
[3]在渲染器使用它们之前将其下载下来

在浏览器中输入URL按下回车键后发生了什么的更多相关文章

  1. 深入浅出经典面试题：从浏览器中输入URL到页面加载发生了什么 - Part 3

    备注: 因为文章太长,所以将它分为三部分,本文是第三部分. 第一部分:深入浅出经典面试题:从浏览器中输入URL到页面加载发生了什么 - Part 1 第二部分:深入浅出经典面试题:从浏览器中输入URL ...

  2. 【ASP.NET Core】EF Core - “影子属性” 深入浅出经典面试题：从浏览器中输入URL到页面加载发生了什么 - Part 1

    [ASP.NET Core]EF Core - “影子属性”   有朋友说老周近来博客更新较慢,确实有些慢,因为有些 bug 要研究,另外就是老周把部分内容转到直播上面,所以写博客的内容减少了一点. ...

  3. 从浏览器中输入URL到页面加载的发生了什么-转载

    转:https://www.cnblogs.com/confach/p/10050013.html 背景 “从浏览器中输入URL到页面加载的发生了什么“,这是一道经典的面试题,涉及到的知识面非常多,但 ...

  4. 在浏览器中输入URL并回车后都发生了什么？

    1.解析URL ________________________________________________________________________ 关于URL: URL(Universa ...

  5. 在浏览器中输入url地址 -> 显示主页的过程

    -来自<图解HTTP> 最近在进行前端面试方面的一些准备,看了网上许多相关的文章,发现有一个问题始终绕不开: 在浏览器中输入URL到整个页面显示在用户面前时这个过程中到底发生了什么.仔细思 ...

  6. 在浏览器中输入URL后，执行的全部过程。会用到哪些协议？（一次完整的HTTP请求过程）

    在浏览器中输入URL后,执行的全部过程.会用到哪些协议?(一次完整的HTTP请求过程) 整个流程如下: 域名解析 为了将消息从你的PC上传到服务器上,需要用到IP协议.ARP协议和OSPF协议. 发起 ...

  7. 浏览器中输入URL发生了什么

    浏览器中输入URL会发生什么呢?这是我们经常会问到的一个问题. 我们知道的都是会发送http请求,服务端会处理请求给我们响应的结果,浏览器会渲染html 页面 但其实会遗漏掉一些比较重要的东西.下面的 ...

  8. 在浏览器中输入url回车之后会发生什么

    在浏览器中输入URL之后,浏览器会经历以下5个步骤: 1.解析URL 2.DNS域名解析 3.浏览器与网站建立TCP链接(三次握手) 4.请求和传输数据 5.浏览器渲染页面 一.解析URL 什么是ur ...

  9. 【转】浏览器中输入url后发生了什么

    原文地址:http://www.jianshu.com/p/c1dfc6caa520 在学习前端的过程中经常看到这样一个问题:当你在浏览器中输入url后发生了什么?下面是个人学习过程中的总结,供个人复 ...

随机推荐

  1. 洛谷 P1466 集合 Subset Sums Label：DP

    题目描述 对于从1到N (1 <= N <= 39) 的连续整数集合,能划分成两个子集合,且保证每个集合的数字和是相等的.举个例子,如果N=3,对于{1,2,3}能划分成两个子集合,每个子 ...

  2. .net core 产品开发问题记录

    背景 最近在公司的一个产品研发中,最终还是选择了以.net core 作为主要的技术方案.本文会拟记录开发过程中于以往中区别比较大,或者可能造成的坑. 程序集无法引用本地程序集 .net core 的 ...

  3. BestCoder Round 69 Div 2 1001&& 1002 || HDU 5610 && 5611

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=5610 如果杠铃总质量是奇数直接impossible 接着就考验耐心和仔细周全的考虑了.在WA了三次后终于发 ...

  4. Python3.5 day3作业一：实现简单的shell sed替换功能

    需求: 1.使python具有shell中sed替换功能. #!/usr/bin/env python #_*_conding:utf-8_*_ #sys模块用于传递参数,os模块用于与系统交互. i ...

  5. 第16周界面设计PSP总结

    计划:需1周完整完成 需求分析:作为一个观众,我希望能够了解每一场的比分结果,随时跟进比赛进程 生成设计文档:暂无 设计复审:暂无与组员进行设计复审 代码规范:Visual Studio2010 具体 ...

  6. mysql 表表连接的问题。

    select * from table a, table b where a.aid = b.bid and aid >100 这样连接,如果a有数据,b没有数据,  a.aid = b.bid ...

  7. ps 实例部分

    实例篇1:将不同图片通过阀值转换成黑白色人物头像 图像-黑白-曲向-阀值 本图像-复制-粘贴

  8. iOS程序模块化设计

    一.模块化设计的概述: 模块化设计(Block-based design):对一定范围内的不同功能或相同功能的不同性能.不同规格的产品进行功能分析的基础上,划分并设计出一系列功能模块,通过模块的选择和 ...

  9. “眉毛导航”——SiteMapPath控件的使用（ASP.NET）

    今天做网站的时候,用到了SiteMapPath控件,我把使用方法记录下来,以便日后查阅以及帮助新手朋友们. SiteMapPath”会显示一个导航路径(也称为痕迹导航或眉毛导航),此路径为用户显示当前 ...

  10. An internal error occurred during: "Launching PmallSearch on Tomcat 7.x". java.lang.NullPointerException

    如果出现了上述的错误按照如下的3个步骤解决:1.首先关闭MyEclipse工作空间.2.然后删除工作空间下的“/.metadata/.plugins/org.eclipse.core.runtime/ ...