浏览器tab关闭事件_翻译|揭示现代浏览器原理(2):网页访问 — Chrome官方

原文:Inside look at modern web browser (part 2)网页访问过程中发生了什么这是揭秘浏览器原理系列的第二篇,在上一篇,我们讲解了浏览器如何利用不同的进程和线程去运作对应功能模块。本文会更深入地探讨不同的进程和线程是如何协作来展示一个网页的。当你在浏览器输入一个网址,浏览器会从互联网获取倒数据,并将其展示出来。这篇文章将会重点讲用户输入地址到浏览器准备渲染网页的...
摘要由CSDN通过智能技术生成

ebbfcb20d5710fe2ee973e31acb58bd6.png
原文:Inside look at modern web browser (part 2)

网页访问过程中发生了什么

这是揭秘浏览器原理系列的第二篇,在上一篇,我们讲解了浏览器如何利用不同的进程和线程去运作对应功能模块。本文会更深入地探讨不同的进程和线程是如何协作来展示一个网页的。

当你在浏览器输入一个网址,浏览器会从互联网获取倒数据,并将其展示出来。这篇文章将会重点讲用户输入地址到浏览器准备渲染网页的这个过程。

从浏览器主进程开始

在第一篇CPU、GPU、内存和多进程架构中,我们提到tab页以外的一切都在浏览器的主进程中运转。浏览器的主进程里包括有负责绘制导航栏上按钮和输入框等UI的线程,有负责网络数据获取的线程,有控制文件操作权限的存储线程等。当你输入一个URL到地址栏时,这个输入过程是由浏览器主进程中的UI线程来处理。

b95b2123339af9c515fc30c2763df8ce.png

网页访问

第一步:处理输入

当用户在地址栏输入时,UI线程需要先知道输入的是搜索关键词还是URL?在谷歌浏览器里,地址栏同时也是搜索框,所以UI线程会先解析输入内容,再决定是跳转搜索引擎还是输入的地址。

eecb1bc29d28e970f5486aeb883104c8.png

第二步:开始跳转

当用户按下回车键,UI线程会将网址传给网络处理线程,让其初始化网络调用准备去拿网页内容。这时当前tab标签的一角会有加载中的菊花动画,网络线程则要通过一系列协议,如DNS查询和建立TLS连

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值