1. 处理输入 UI thread 需要判断用户输入的是 URL 还是 query。 2. 开始导航 当用户点击回车，UI thread 通知 Network thread 获取网页内容，同时控制 tab 上的 spinner 展示（逆时针），表示正在请求页面。 Network…

因为 HTML 语言在语法层面并有那么严格的语法规则，导致常规的解析器并不能解析HTML文档，对应的解决方案让浏览器厂商自定义 HTML 解析器。那么，让我们一起梳理一下 HTML 解析器到底是什么吧~ 因为 HTML 语法是由 W3C 组织创建的规范中进行定义的，而且语法格式…

renderer 节点刚刚创建，插入 render tree 中并没有 position 和 size 信息，而 layout 阶段就是计算元素几何信息的地方。因为浏览器采用的是流式布局，计算元素的几何信息是一次性的，而且后面元素几乎不影响前面元素的几何信息，除 table 元…

虽说文章还是比较老的，但浏览器发展也会变成一步历史，从有记录的历史的源头去了解当初的浏览器，进而更好的理解当代的浏览器。 这些基础的计算机概念还是要弄不清楚的。 知乎上这篇文章，更多就是 Inside look at modern web browser 的译文，发现这位小姐姐…

整个浏览器原理系列文章正式完结了。因非科班出身，所以增加了对应的前置知识。整体的文章的思路还是不断的去问自己为什么，从而激发自己更有兴趣继续去思考下 这系列文章，只是用自己的语言重述了一遍 How Browsers Work: Behind the scenes of mode…

根据不同的操作系统，一个进程或许由多个线程组成，多线程是为了并发的执行命。 因为安全性和可靠性，现代操作系统不允许进程之间直接通讯，采用了一种严格的通讯方法叫做 IPC （Inter-process communication）。 多任务的操作系统存在多个进程同时执行，单核CP…

那么我们来来看看Chrome是对应的浏览器架构是怎样的呢？当我们打开任务管理器的时候，会看到看到浏览器开启会有多个进程（可以通过Chrome的更多工具 -> 任务管理器自行查看。）。 那我们来来看看chrome有哪些主要进程吧。 Browser Process：浏览器的主进程（…

我们都知道浏览器的功能，就是向服务器发送请求，然后在浏览器窗口中展示对应请求回来的网络资源。 可往往我们好像忽视了，当代浏览器那些细微的交互点，如 tab 上的 spinner 的展现。为了能慢慢的理解上述的问题，我们首先一起理一下浏览器这款软件中到底有有什么吧。 当代现有的浏…

在介绍如何渲染的问题之前，我们还是需要了解一下什么是 Renderer Process，即浏览器内核。 浏览器内核是由各大浏览器厂商依照 W3C 标准自行研发。因为由各大厂商自主研发，必定产生不同的种类，我们先来看看市面上主流浏览器内核： Trident：俗称 IE 内核，也被…