从输入URL到网页呈现的过程

1.域名解析当我们在浏览器中输入一个URL,例如”www.google.com”时,这个地址并不是谷歌网站真正意义上的地址.互联网上每一台计算机的唯一标识是它的IP地址,因此我们输入的网址首先需要先解析为IP地址,这一过程叫做DNS解析. DNS解析是一个递归查询的过程.例如,我们需要解析”www.google.com”时,会经历以下步骤: 在本地域名服务器中查询IP地址,未找到域名:本地域名服务器回向根域名服务器发送请求,未找到域名:本地域名服务器向.com顶级域名服务器发送请求,未找到域名:…

从输入url到页面呈现的过程

从输入url到页面呈现的过程包括两个基本过程:网络通信和页面渲染网络通信主要过程是域名解析 -> TCP连接 -> HTTP请求 -> 服务端响应,返回HTML 页面渲染的主要过程是下面是详细的过程 1.域名解析 a. 先从本地hosts文件中解析域名对应的IP b. 若上步中没有,则从远程DNS服务器解析IP地址(过程也是先从本地DNS缓存,没有则从其他DNS服务器递归或迭代的获取IP地址) 2.得到IP地址,向服务器发送HTTP请求浏览器以一个随机端口向服务器的80端口发起T…

一次完整的HTTP事务的过程、从输入URL到网页展示，浏览器都经历了什么？

详细介绍:老生常谈-从输入url到页面展示到底发生了什么 (1)一次完整的HTTP事务的过程基本流程: a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 (2)从输入URL到网页展示,浏览器都经历了什么? 参考:https://zhuanlan.zhihu.com/p/27850818…

一文摸透从输入URL到页面渲染的过程

一文摸透从输入URL到页面渲染的过程从输入URL到页面渲染需要Chrome浏览器的多个进程配合,所以我们先来谈谈现阶段Chrome浏览器的多进程架构. 一.Chrome架构目前Chrome采用的是多进程的架构模式,可分为主要的五类进程,分别是:浏览器(Browser)主进程. GPU 进程.网络(NetWork)进程.多个渲染进程和多个插件进程: 浏览器进程.主要负责界面显示.用户交互.子进程管理,同时提供存储等功能. 渲染进程.核心任务是将 HTML.CSS 和 JavaScript 转换…

从输入 URL 到浏览器接收的过程中发生了什么事情

从输入 URL 到浏览器接收的过程中发生了什么事情? 原文:http://www.codeceo.com/article/url-cpu-broswer.html 从触屏到 CPU 首先是「输入 URL」,大部分人的第一反应会是键盘,不过为了与时俱进,这里将介绍触摸屏设备的交互. 触摸屏一种传感器,目前大多是基于电容(Capacitive)来实现的,以前都是直接覆盖在显示屏上的,不过最近出现了 3 种嵌入到显示屏中的技术,第一种是 iPhone 5 的 In-cell,它能减小了 0.5 毫米…

从输入 URL 到浏览器接收的过程中发生了什么事情？

从输入 URL 到浏览器接收的过程中发生了什么事情? What really happens when you navigate to a URL 上面两篇文章都解读的很好,值得阅读. 接下来在总结一下这个过程: 1.首先,会查询缓存,如果缓存存在的话则直接响应,否则继续下面过程: 2.当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器都会开启一个线程来处理这个请求,同时在远程DNS服务器上启动一个DNS查询.这能使浏览器获得请求对应的IP地址.D…

从输入url到浏览器呈现网页发生了什么？

大致能分成两个部分:网络通信与页面渲染一.网络通信互联网各个网络设备间的通信均基于TCP/IP协议,此协议将整个过程进行分层,由上至下分别为: 应用层.传输层.网络层和数据链路层 1.输入URL 2.应用层用DNS解析域名(DNS协议) 解析url域名,检查本地是否有对应的IP地址,有则返回,没有则请求上级DNS服务器备注:DNS domain name system,由解析器和域名服务器组成,主要用于解析域名为IP地址 3.应用层发送http请求(HTTP协议) http请求由请求报头与…

输入url到页面返回的过程

输入url后,你看到了百度的首页,那么这一切是如何发生的呢? 这个问题之前.最近.我想以后肯定还会被问到,或者问到这样的题目,如果在百度框里输入查询的字符串开始,是怎么返回你需要的东西呢. 那这什么个过程呢(这个问题我在之后的博客中在写)? 网上各种的说法,不外乎这么几种第一种简单的说呢就是这样的: 第一步:客户机提出域名解析请求,并将该请求发送给本地的域名服务器. 第二步:当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回. 第三步:如…

从浏览器地址栏输入URL到浏览器呈现数据全过程解析

一.输入设备(或粘贴)输入 URL,按下 Enter键或其他按钮开始请求. 二.浏览器开始解析 URL 关于 URL 到相关知识点:什么是URI,URL以及URN,你真的理解了吗. 1.URL 是否合法 2.URL 中的字符转换 3.HSTS列表协议升级.相关文章 HSTS详解.在现代浏览器中,这一步有可能导致请求中止. 三.检查本地缓存,根据缓存情况决定下一步的动作 1. 强缓存(Cache-Control 和 Expires) 直接从本地缓存读取资源(若是这步,便没有下面的步骤) 2…

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

-来自<图解HTTP> 最近在进行前端面试方面的一些准备,看了网上许多相关的文章,发现有一个问题始终绕不开: 在浏览器中输入URL到整个页面显示在用户面前时这个过程中到底发生了什么.仔细思考这个问题,发现确实很深,这个过程涉及到的东西很多.这个问题的回答真的能够很好的考验一个web工程师的水平,于是我自问自答一番. 总体来说分为以下几个过程: DNS解析 TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束具体过程 DNS解析 DNS解析的过程就是寻找…

从浏览器输入URL到页面渲染的过程

零.背景一个web安全工程师在学习web安全和web渗透时候,非常有必要了解整个WEB工作过程. 一.输入URL 这里是最基本的知识:URL是URI的一种实际应用,URI统一资源表示符,URL统一资源定位符.URL举例: https://www.xxx.com:443/index.php 前面是协议 https 然后是主机www.xxx.com 然后是端口 443,最后是资源在该主机上针对web系统根目录(通常为www)的相对路径.所以可以想象,根据WEB访问就是获取资源,已经知道端口.路径.…

从输入URL到浏览页面的过程

之前我们已经讨论过浏览器的渲染原理,今天我们来讨论下更广泛的从输入URL到渲染出页面的过程. 1. 查询该URL是否有缓存如果有,则直接返回,没有的话,下一步 2. 查询URL对应的IP 首先,到 host 文件查找,如果找到则返回. 如果没有找到,去访问 DNS 服务器(一般先访问本地路由器,没有再访问更高级的 DNS 服务器),最终得到对应的 IP 3. 建立 TCP 连接首先,通过 IP 协议,指定出发地和目的地然后,通过 OSPF 协议,计算路由的最佳路径,得到路过的每个路由…

面试题——分析从输入url到页面返回的过程（或者查询返回过程）

1. You enter a URL into the browser(输入一个url地址) 2.The browser looks up the IP address for the domain name(浏览器查找域名的ip地址) 导航的第一步是通过访问的域名找出其IP地址.DNS查找过程如下: 浏览器缓存 – 浏览器会缓存DNS记录一段时间. 有趣的是,操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览器会储存个自固定的一个时间(2分钟到30分钟不等). 系统缓存 – 如果在浏览器…

从输入URL到页面返回的过程详解

文章转自以为大神的博客;https://www.cnblogs.com/xianyulaodi/p/6547807.html#_labelTop 总结的很不错,看完收获颇多, 下面就是大神的文章,我只是分享一下. 1.输入地址当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示,让你可以补全url地址.对于 google的chrome 的浏览器,他甚至会直接从缓存中把网页展示出来…

输入URL到页面加载过程

URL(uniform resource location) : 统一资源定位符,用来作为互联网上各种资源的标识符,可理解为身份证号 . 注意点:浏览器为了保证安全性,设定了跨域保护策略, 即窗口之间的通信必须满足使用相同协议, 相同域或者子域, 相同端口, 因此深入理解URL各组成部分的含义有助于我们判断两个窗口之间是否能互相通信. HTTP(HyberText Transfer Protocol) : 超文本传输协议,万维网中传输超文本都要遵从的一个协议,可以理解为HTML文件的传输就是靠它…

从输入url到页面展现的过程

先看一幅图:(下面的所有图我都进行拉伸压缩了如果看不到可以右键复制图片地址然后到浏览器粘贴查看不然显示不全图片) mac没有画图软件不好意思 xmind做的 1. 输入网址当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示,让你可以补全url地址. url : 统一资源定位符,用于定位互联网上的资源. url构成协议类型://<主机…

输入url后的加载过程~

1)查找域名对应的IP地址: 2)建立连接(TCP的三次握手): 3)构建网页: 4)断开连接(TCP的四次挥手): TCP的三次握手:为了准确无误的把数据送到目标处,TCP协议采用了三次握手策略,用TCP协议把数据包送出去后,TCP不会对传送的数据置之不理,一定会让对方确认消息是否送达. 发送端首先发送一个带SYN标志的数据包给对方.接收端接收到后,回传一个带有SYN/ACK标志的数据包以示确认传达信息. 最后,发送端再传回一个带ACK标志的数据包,代表“握手结束”. 若在握手过程中某个阶段莫…

在浏览器中输入URL后执行的全部过程的个人总结

这个问题经常可以看到,今天我好好总结了下,是从网络模型的角度来分析问题的,主要涉及应用层:DNS,HTTP,传输层:TCP,网络层:IP和路由选择协议:RIP,OSPF(内部网关协议),BGP(外部网关协议)和数据链路层:ARP.下面来具体分析: 1.应用层:客户端浏览器通过DNS解析到www.baidu.com的IP地址220.181.27.48,通过这个IP地址找到客户端到服务器的路径.客户端浏览器发起一个HTTP会话到220.161.27.48,然后通过TCP进行封装数据包,输入到网络层…

从浏览器输入url到显示页面的过程 (前端面试题)

域名DNS解析,解析到真正的IP地址 | 客户端与服务端建立TCP连接,3次握手 | 客户端发送Http请求 | server接收到http请求,处理,并返回 | 客户端接收到返回数据,处理数据(渲染页面,执行js)…

从输入一个URL到页面呈现，网络上都发生了什么？

归纳一下其中涉及到前端的一些基础知识,主要包括:http协议.web标准.w3c标准等. 这个问题虽然只有两个2个动作:输入URL和呈现页面,但这背后发生了很多"有趣"的事情,这个过程也涉及到很多方面的技术,包括像浏览器.DNS.http.html.服务器等.如果让我来回答,它大致的过程应该是这样的:DNS解析-->建立连接,发送数据包 -->服务器响应请求,返回给浏览器-->浏览器渲染程序页面. 1.DNS解析当我搜索这个问题的时候,首先在浏…

[转]从输入url到页面加载完成的过程中都发生了什么事情

第一个问题:从输入 URL 到浏览器接收的过程中发生了什么事情? 从触屏到 CPU 首先是「输入 URL」,大部分人的第一反应会是键盘,不过为了与时俱进,这里将介绍触摸屏设备的交互. 触摸屏一种传感器,目前大多是基于电容(Capacitive)来实现的,以前都是直接覆盖在显示屏上的,不过最近出现了 3 种嵌入到显示屏中的技术,第一种是 iPhone 5 的 In-cell,它能减小了 0.5 毫米的厚度,第二种是三星使用的 On-cell 技术,第三种是国内厂商喜欢用的 OGS 全贴合技术,具体…

从输入URL到页面加载完成的过程中都发生了什么事情？

为了便于理解,我将整个过程分为了六个问题来展开. 第一个问题:从输入 URL 到浏览器接收的过程中发生了什么事情? 从触屏到 CPU 首先是「输入 URL」,大部分人的第一反应会是键盘,不过为了与时俱进,这里将介绍触摸屏设备的交互. 触摸屏一种传感器,目前大多是基于电容(Capacitive)来实现的,以前都是直接覆盖在显示屏上的,不过最近出现了 3 种嵌入到显示屏中的技术,第一种是 iPhone 5 的 In-cell,它能减小了 0.5 毫米的厚度,第二种是三星使用的 On-cell 技术,…

从输入url到页面加载完成发生了什么？——前端角度

这是一道经典的面试题,这道面试题不光前端面试会问到,后端面试也会被问到.这道题没有一个标准的答案,它涉及很多的知识点,面试官会通过这道题了解你对哪一方面的知识比较擅长,然后继续追问看看你的掌握程度.当然我写的这些也只是我的一些简单的理解,从前端的角度出发,我觉得首先回答必须包括几个基本的点,然后在根据你的理解深入回答. 1.浏览器的地址栏输入URL并按下回车. 2.浏览器查找当前URL是否存在缓存,并比较缓存是否过期. 3.DNS解析URL对应的IP. 4.根据IP建立TCP连接(三次握手).…

从输入url到页面加载完成发生了什么详解

这是一道经典的面试题,这道题没有一个标准的答案,它涉及很多的知识点,面试官会通过这道题了解你对哪一方面的知识比较擅长,然后继续追问看看你的掌握程度.当然我写的这些也只是我的一些简单的理解,从前端的角度出发,我觉得首先回答必须包括几个基本的点,然后在根据你的理解深入回答. 1.浏览器的地址栏输入URL并按下回车. 2.浏览器查找当前URL是否存在缓存,并比较缓存是否过期. 3.DNS解析URL对应的IP. 4.根据IP建立TCP连接(三次握手). 5.HTTP发起请求. 6.服务器处理请求,浏览器…