浏览器

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第16天，点击查看活动详情 在之前的几篇文章中，我们已经经历了把 URL 变成字符流，把字符流变成词（token）流，把词（tok

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情 布局 浏览器构建好 DOM 树和 CSS 树之后，下一步工作就是确定每一个元素的位置了。我们的基本原则

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情 我们知道，浏览器构建好 DOM 树之后，就要构建 CSS 树，因此构建的 DOM 树信息是不全的，它只

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第13天，点击查看活动详情 浏览器使用 HTTP 协议或者 HTTPS 协议，向服务端请求页面之后，就需要解析请求回来的 HTML

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 前言 这是一道十分经典的面试题，涉及到计网、操作系统、web 的一系列知识，不管是深度还是广度，都能够很好

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第12天，点击查看活动详情 对浏览器的实现者来说，他们做的事情，就是把一个 URL 变成一个屏幕上显示的网页。 这个过程是这样的：

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。 一、浏览器控制台面板 浏览器的控制台有很多可供开发者 debug 的功能，在如下图片红色框中可以看到有多个

Chrome 开发者工具 Chrome 开发者工具有很多重要的面板，比如与性能相关的有 网络面板、Performance 面板、内存面板等，与调试页面相关的有 Elements 面板、Sources