Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 渐进式渲染是如何工作的?_Html_Http_Browser - Fatal编程技术网

Html 渐进式渲染是如何工作的?

Html 渐进式渲染是如何工作的?,html,http,browser,Html,Http,Browser,首先,我将解释我认为渐进式渲染是如何工作的,这样,如果我错了或遗漏了什么,您可以纠正我 当您请求页面时,浏览器会尽可能快地显示元素,即使它尚未收到所有文档,但为此,它要求所有样式都已下载,对吗 我的问题是: 浏览器如何知道没有可提取的样式 我能想到的唯一方法是获取整个文档并对其进行解析,但是渐进式渲染将毫无意义,因为所有元素都已存在 谢谢。当您在头部加载CSS时,浏览器将在页面中显示元素之前下载该CSS。这样你就不会(在大多数情况下)得到a 如果您在其他地方加载了CSS,则完全有可能在加载CSS

首先,我将解释我认为渐进式渲染是如何工作的,这样,如果我错了或遗漏了什么,您可以纠正我

当您请求页面时,浏览器会尽可能快地显示元素,即使它尚未收到所有文档,但为此,它要求所有样式都已下载,对吗

我的问题是: 浏览器如何知道没有可提取的样式

我能想到的唯一方法是获取整个文档并对其进行解析,但是渐进式渲染将毫无意义,因为所有元素都已存在


谢谢。

当您在头部加载CSS时,浏览器将在页面中显示元素之前下载该CSS。这样你就不会(在大多数情况下)得到a

如果您在其他地方加载了CSS,则完全有可能在加载CSS之前显示您的页面

浏览器如何知道没有可提取的样式

浏览器解析文档,并知道还有什么需要下载。如果以后加载更多CSS,它将向页面添加CSS并根据需要重新绘制页面