[发明专利]骨架屏生成方法、装置及设备

权利要求书

1.一种骨架屏生成方法，其特征在于，应用于服务器，包括：

获取待处理的目标页面；

从所述目标页面中筛选出与预设类型匹配的目标页面节点，并将所述目标页面节点的展示信息替换为预设展示信息；

以经过替换处理的所述目标页面节点作为骨架屏节点，生成与所述目标页面对应的骨架屏；

其中，所述目标页面的节点布局与所述骨架屏的节点布局一致。

2.根据权利要求1所述的方法，其特征在于，所述以经过替换处理的所述目标页面节点作为骨架屏节点，生成与所述目标页面对应的骨架屏，包括：

若所述目标页面包括多屏内容，并且所述目标页面节点包括与所述多屏内容匹配的多个目标页面节点，则

基于经过替换处理的多个目标页面节点构建出初始骨架屏；

从所述初始骨架屏中选取与首屏内容对应的区域作为待展示的目标骨架屏。

3.根据权利要求1所述的方法，其特征在于，所述目标页面节点为DOM节点；

所述从所述目标页面中筛选出与预设类型匹配的目标页面节点之前，还包括：

设置在所述骨架屏中需要展示的DOM节点的节点属性，所述节点属性包括节点类型，所述节点类型包括所述预设类型。

4.根据权利要求1所述的方法，其特征在于，所述从所述目标页面中筛选出与预设类型匹配的目标页面节点，并将所述目标页面节点的展示信息替换为预设展示信息，包括：

若所述预设类型为文本类型节点，则对所述目标页面进行遍历，以筛选出与文本类型节点匹配的文本节点；

将所述文本节点的展示信息替换为预设元素，并将所述文本节点的样式替换为对应的文字骨架样式。

5.根据权利要求1所述的方法，其特征在于，所述从所述目标页面中筛选出与预设类型匹配的目标页面节点，并将所述目标页面节点的展示信息替换为预设展示信息，包括：

若所述预设类型为图片节点类型，则对所述目标页面进行遍历，以筛选出与图片节点类型匹配的图片节点；

将所述图片节点的展示信息替换为预设图片信息，并将所述图片节点配置为图片骨架样式。

6.根据权利要求5所述的方法，其特征在于，预设图片信息包括图片颜色。

7.根据权利要求1所述的方法，其特征在于，所述获取待处理的目标页面，包括：

将目标页面地址导入所述服务器中，并获取与所述目标页面地址对应的所述目标页面。

8.根据权利要求7所述的方法，其特征在于，所述获取与所述目标页面地址对应的所述目标页面，包括：

通过Puppeteer无头浏览器开启所述目标页面地址对应的所述目标页面。

9.一种骨架屏生成装置，其特征在于，所述骨架屏生成装置包括：

获取模块，用于获取待处理的目标页面；

筛选模块，用于从所述目标页面中筛选出与预设类型匹配的目标页面节点，并将所述目标页面节点的展示信息替换为预设展示信息；

生成模块，用于以经过替换处理的所述目标页面节点作为骨架屏节点，生成与所述目标页面对应的骨架屏；

其中，所述目标页面的节点布局与所述骨架屏的节点布局一致。

10.一种电子设备，其特征在于，包括：处理器和存储器，其中，所述存储器上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1至8中任一项所述的骨架屏生成方法。