美文网首页
输入URL后发生了什么

输入URL后发生了什么

作者: shanshanfei | 来源:发表于2017-08-08 15:31 被阅读0次
  1. 用户在浏览器地址栏中输入网站域名
  2. 浏览器拿到该域名先去本地hosts文件中查找对应的ip地址,未找到时自动去请求 DNS服务器查询 用户输入的域名对应的 ip 地址
  3. 浏览器拿到 ip 地址之后,通过ip地址+端口号(HTTP默认80)和服务器建立连接(通过 三次握手 )
  4. 三次握手建立连接成功之后
  5. 浏览器将用户输入的 url 地址通过 HTTP 协议包装成 请求报文 ,然后通过 Socket(服务器ip地址和端口号) 发送到服务器
  6. 当HTTP服务器接收到客户端浏览器发送过来的请求报文时候,按照 HTTP 协议将请求报文解析出来
  7. 然后服务器拿到请求报文中的请求信息(例如请求路径url),做相应的业务逻辑处理操作
  8. 当业务逻辑处理完毕之后,服务器将要发送给客户端的数据按照 HTTP 协议包装成 响应报文
  9. 然后服务器通过 Socket(客户端的ip地址+端口号) 将响应报文数据发送给客户端浏览器
  10. 当浏览器接收到服务器发送给自己的响应报文数据的时候,浏览器根据 HTTP 协议将报文内容解析出来
  11. 浏览器拿到响应报文体中的数据开始 解析渲染html、css,执行 JavaScript,如果在解析的过程(从上到下)中,发现有外链的标签(link、css、img),浏览器会自动对该标签指向的 路径地址 发起新的请求(还是通过 Socket )。
  12. 解析html生成dom树 + cssom树,结合二者生成最终的渲染树,然后浏览器UI后端进行最终的绘制。浏览器解析渲染的过程并非严格顺序执行的,而是串行进行,为了提高网页性能,要减少浏览器的reflow和repaint。

浏览器的主要结构:

  1. 浏览器引擎 + 渲染引擎 + JS解释器
  2. 用户界面 + UI后端
  3. 网络
  4. 数据存储


    image.png

参考:
里面除了讲url输入后的事情,还讲到了浏览器的主要结构
这个步骤描述比较简洁

相关文章

  • 今日份打卡 234/365

    技术文章输入URL后发生了什么

  • 输入URL后发生了什么

    用户在浏览器地址栏中输入网站域名 浏览器拿到该域名先去本地hosts文件中查找对应的ip地址,未找到时自动去请求 ...

  • 输入URL后发生了什么

    当我们在浏览器的地址栏中输入URL后,按下【Enter】键,Web页面随即被打开。在这一个过程中发生了什么?事实上...

  • 输入URL后发生了什么?

    在浏览器中输入url用户输入url,例如http://www.baidu.com。其中http为协议,www.ba...

  • 用户输入URL后发生了什么?

    问题:从用户输入URL按下回车,一直到用户能看到界面, 期间经历了什么? 一、DNS解析(优先走缓存) : 找浏览...

  • 输入URL发生了什么

    前言、浏览器架构 Chrome主要使用多进程架构,各个进程互相独立,具有各自所负责的功能,若要互相通信则采用IPC...

  • 输入URL后都发生了些什么

    当我们输入一个URL后发生了什么? 以下内容根据Segment理解所写: 1.输入URL; 2.DNS解析人们只记...

  • 一个前端小白的第一篇博客

    #从URL输入到图形页面展示发生了什么 1. 输入URL 用户浏览器输入URL(www.baidu.com) 2....

  • 从输入url到页面展现的经历了什么?

    从输入url到页面展现的过程经历了什么? 简写版: 输入url 域名解析 发起TCP的3次握手 建立TCP连接后发...

  • 无标题文章

    从url输入到页面展示发生了什么 举个例子,我们在浏览器上输入baidu.com输入,页面展示百度首页。整个过程发...

网友评论

      本文标题:输入URL后发生了什么

      本文链接:https://www.haomeiwen.com/subject/rzitrxtx.html