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

说明书

本发明实施例提供一种骨架屏生成方法、装置及设备。该骨架屏生成方法包括：获取待处理的目标页面；从目标页面中筛选出与预设类型匹配的目标页面节点，并将目标页面节点的展示信息替换为预设展示信息；以经过替换处理的目标页面节点作为骨架屏节点，生成与目标页面对应的骨架屏；其中，目标页面的节点布局与骨架屏的节点布局一致。该方法通过替换目标页面节点的展示信息以获得骨架屏节点，并采用目标页面节点布局生成与该目标页面对应的骨架屏，实现了对页面骨架屏的自动化生成过程，提高了骨架屏生成效率，缩短了页面开发周期。

技术领域

本发明涉及互联网技术领域，尤其涉及一种骨架屏生成方法、装置及设备。

背景技术

浏览网页或使用客户端加载一个新页面时，受到终端设备所处网络环境或数据传输速度的限制，常常会出现页面加载不及时的情况。为避免因为直接展示空白页面而使用户误认为页面存在异常，在等待页面加载时，通常会向用户展示与最终页面展示效果对应的骨架屏，以向用户提示该页面正在加载。

目前，与最终页面展示效果对应的骨架屏主要是由用户界面(User Interface，UI)设计人员基于页面布局设计出的一张图片。也就是说，针对每个页面都需要由UI设计人员专门去设计、制作相应的骨架屏图片，这种页面骨架屏的制作方案人工消耗大、开发周期长。

因此，如何提升页面骨架屏的制作效率，成为亟待解决的技术问题。

发明内容

本发明实施例提供一种骨架屏生成方法、装置及设备，用以评估页面对设计稿的还原度。

第一方面，本发明实施例提供一种骨架屏生成方法，该骨架屏生成方法应用于服务器，该骨架屏生成方法包括：

获取待处理的目标页面；

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

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

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

第二方面，本发明实施例提供一种骨架屏生成装置，该骨架屏生成装置包括：

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

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

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

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

第三方面，本发明实施例提供一种电子设备，其中包括处理器和存储器，其中，所述存储器上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器至少可以实现第一方面中的骨架屏生成方法。

本发明实施例提供了一种非暂时性机器可读存储介质，所述非暂时性机器可读存储介质上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器至少可以实现第一方面中的骨架屏生成方法。

本发明实施例提供的骨架屏生成方案，首先通过在服务器中筛选出目标页面中与预设类型匹配的目标页面节点，将目标页面节点的展示信息替换为预设展示信息，得到经过替换处理的目标页面节点。进而，以经过替换处理的目标页面节点作为骨架屏节点，采用与目标页面一致的节点布局对这些骨架屏节点进行布局，生成与该目标页面对应的骨架屏，实现了对页面骨架屏的自动化生成过程，提高了骨架屏生成效率，缩短了页面开发周期。

附图说明