页面骨架展示方法、装置、电子设备及存储介质制造方法及图纸

本公开提供了一种页面骨架展示方法、装置、电子设备及存储介质，该方法包括：基于领域特定语言解析工具，确定目标页面中的至少一个页面元素的第一属性信息；所述第一属性信息包括元素路径信息、元素尺寸信息以及元素样式信息中的至少一种；基于所述目标页面的源码文件，确定所述至少一个页面元素的第二属性信息；所述第二属性信息包括元素位置信息；基于所述第一属性信息以及所述第二属性信息，生成骨架代码文件；基于所述骨架代码文件，展示骨架页面。本公开实施例，可以自动生成元素级的骨架代码文件，可以提高页面骨架的场景适配能力，进而提高骨架代码文件的生成效率。进而提高骨架代码文件的生成效率。进而提高骨架代码文件的生成效率。

【技术实现步骤摘要】
页面骨架展示方法、装置、电子设备及存储介质


[0001]本公开涉及计算机
，具体而言，涉及一种页面骨架展示方法、页面骨架展示装置、电子设备以及计算机可读存储介质。

技术介绍

[0002]骨架屏(Skeleton Screen)，也被称为加载占位图，它可以在页面数据加载完成前先给用户展示出页面的大致结构，在页面数据加载完成后再显示页面的数据内容。
[0003]在相关技术中，生成页面骨架的方式包括通过预渲染插件实现，在使用该方法生成骨架屏时，其页面骨架代码的生成逻辑为页面级别，因此在生成骨架代码的过程中具有组装不够灵活、适用场景单一等缺点。

技术实现思路

[0004]本公开实施例至少提供一种页面骨架展示方法、装置、电子设备以及存储介质。
[0005]本公开实施例提供了一种页面骨架展示方法，包括：
[0006]基于领域特定语言解析工具，确定目标页面中的至少一个页面元素的第一属性信息；所述第一属性信息包括元素路径信息、元素尺寸信息以及元素样式信息中的至少一种；
[0007]基于所述目标页面的源码文件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面骨架展示方法，其特征在于，包括：基于领域特定语言解析工具，确定目标页面中的至少一个页面元素的第一属性信息；所述第一属性信息包括元素路径信息、元素尺寸信息以及元素样式信息中的至少一种；基于所述目标页面的源码文件，确定所述至少一个页面元素的第二属性信息；所述第二属性信息包括元素位置信息；基于所述第一属性信息以及所述第二属性信息，生成骨架代码文件；基于所述骨架代码文件，展示骨架页面。2.根据权利要求1所述的方法，其特征在于，所述基于所述目标页面的源码文件，确定所述至少一个页面元素的第二属性信息，包括：基于所述源码文件，生成抽象语法树；基于所述抽象语法树，确定所述至少一个页面元素的第二属性信息。3.根据权利要求1所述的方法，其特征在于，所述基于所述第一属性信息以及所述第二属性信息，生成骨架代码文件，包括：将属于同一目标页面元素的所述第一属性信息与所述第二属性信息进行匹配，其中，所述目标页面元素为所述至少一个页面元素的其中一个；基于所述第一属性信息，对所述目标页面元素进行数据处理，生成所述骨架代码文件。4.根据权利要求3所述的方法，其特征在于，所述第二属性信息还包括元素内容信息，所述基于所述第一属性信息，对所述目标页面元素进行数据处理，包括：删除所述目标页面元素中的元素内容信息；基于所述第一属性信息，确定所述目标页面元素的元素尺寸信息和骨架标识信息。5.根据权利要求1至4任意一项所述的方法，其特征在于，所述基于领域特定语言解析工具，确定目标页面中的至少一个页面元素的第一属性信息之前，所述方法还包括：响应于页面加载请求操作，加载所述目标页...

【专利技术属性】
技术研发人员：彭志国，张舜宇，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：