JavaScript反爬笔记（1）_浏览器的架构和工作流程

最新推荐文章于 2023-09-27 15:49:42 发布

小白菜_scc

最新推荐文章于 2023-09-27 15:49:42 发布

阅读量354

点赞数

分类专栏：爬虫文章标签： Crawl 浏览器架构结构渲染

本文链接：https://blog.csdn.net/zhsworld/article/details/104082644

版权

本文详细介绍了浏览器的架构，包括User Interface、Browser Engine、Rendering Engine、Networking、JavaScript Interpreter等组成部分。同时阐述了浏览器的工作流程，包括页面加载、HTML解析、CSS解析、JavaScript执行、布局、绘图和显示等步骤。在渲染过程中，遇到JavaScript文件时，浏览器会暂停DOM构建，执行JS代码后再继续。了解这些原理有助于优化网页加载和渲染性能。

摘要由CSDN通过智能技术生成

一、浏览器架构

1、User Interface 用户界面

主要提供用户与Browser Engine交互的方法。其中包括：地址栏(address bar)、向前/退后按钮、书签菜单等等。浏览器除了渲染请求页面的窗口外的所有地方都属于The User Interface

2、Browser Engine 浏览器引擎

协调（主控）UI和the Rendering Engine，在他们之间传输指令。提供对The Rendering Engine的高级接口，一方面它提供初始化加载Url和其他高级的浏览器动作（如刷新、向前、退后等）方法。另一方面Browser Engine也为User Interface提供各种与错误、加载进度相关的消息。

3、Rendering Engine 渲染引擎

为给定的URL提供可视化的展示。它解析JavaScript、Html、Xml，并且User Interface中展示的layout。其中关键的组件是Html解析器，它可以让Rendering Engine展示差乱的Html页面。值得注意：不同的浏览器使用不同的Rendering Engine。例如IE使用Trident，Firefox使用Gecko，Safai使用Webkit。Chrome和Opera使用Webkit（以前是Blink）

4、Networking 网