[发明专利]浏览器内核的排版结构展现方法及装置

说明书

本公开是关于一种浏览器内核的排版结构展现方法及装置，属于计算机技术领域，该方法包括当在网页中检测到排版结构展现指令时，按照浏览器内核包括的多个阶段的数据属性，获取该网页在排版的过程中各个阶段的页面排版数据，该浏览器内核为当前显示该网页的浏览器的内核，基于该各个阶段的页面排版数据，构建内容树，该内容树中包括多个节点，确定该内容树包括的多个节点的空间位置以及该多个节点的节点样式，按照该多个节点的空间位置和节点样式，绘制该浏览器内核的排版结构视图，显示该排版结构视图，由于该排版结构视图清晰的展示了网页在排版过程中的各个阶段，因此，提高了排版结构的直观性。

技术领域

本公开涉及计算机技术领域，尤其涉及一种浏览器内核的排版结构展现方法及装置。

背景技术

随着计算机技术的快速发展，浏览器逐渐成为用户浏览网页的重要工具之一。作为浏览器的核心部分，浏览器内核主要用于渲染网页，也即是，浏览器内核决定了浏览器如何排版并显示网页。

浏览器内核通常包括多种，其中，一些浏览器内核可以通过内部的排版结构来描述网页的排版过程，例如，WebKit内核等。在实际应用过程中，为了能够定位浏览器工作过程中可能出现的故障，或者对浏览器进行优化，需要对浏览器内核进行分析。目前，WebKit内核中存在一组调用接口，通过该调用接口可以导出WebKit内核的排版结构，导出的排版结构为纯文本数据，基于该纯文本数据，可以对浏览器内核进行分析。

发明内容

为克服相关技术中存在的问题，本公开提供一种浏览器内核的排版结构展现方法及装置。

第一方面，提供一种浏览器内核的排版结构展现方法，所述方法包括：

当在网页中检测到排版结构展现指令时，按照浏览器内核包括的多个阶段的数据属性，获取所述网页在排版的过程中各个阶段的页面排版数据，所述浏览器内核为当前显示所述网页的浏览器的内核；

基于所述各个阶段的页面排版数据，构建内容树，所述内容树中包括多个节点；

确定所述内容树包括的多个节点的空间位置以及所述多个节点的节点样式；

按照所述多个节点的空间位置和节点样式，绘制所述浏览器内核的排版结构视图，显示所述排版结构视图。

可选地，所述确定所述内容树包括的多个节点的空间位置以及所述多个节点的节点样式，包括：

对于所述内容树包括的多个节点中的每个节点，确定所述节点的横向位置、纵向位置和轴向位置；

基于所述多个节点的节点标识，从存储的节点标识与节点样式之间的对应关系中，获取对应的节点样式。

可选地，所述确定所述节点的横向位置、纵向位置和轴向位置，包括：

确定所述节点的宽度和节点距离，基于所述节点的宽度和所述节点距离，确定所述节点的横向位置，所述节点距离是指所述节点在横向方向上与坐标原点之间的距离；

基于所述节点在所述内容树的树结构中的深度，确定所述节点的纵向位置；

根据所述节点的属性信息和所述网页的网页信息，确定所述节点的轴向位置，所述节点的属性信息用于指示所述节点在所述排版结构视图中所处的层次。

可选地，所述确定所述节点的宽度和节点距离，包括：

判断所述节点是否包括有子节点，当所述节点不包括有子节点时，确定所述节点的宽度为第一预设宽度；当所述节点包括有N个子节点时，将所述N个子节点的宽度和N-1个子节点之间的间隔宽度之和确定为所述节点的宽度，所述N为大于或等于1的正整数；