【技术实现步骤摘要】
页面骨架屏生成方法、装置、电子设备和存储介质
本申请涉及数据处理
,尤其涉及云计算
,具体涉及一种页面骨架屏生成方法、装置、电子设备和存储介质。
技术介绍
开发人员在对网页页面进行开发时,为了提升网页的用户产品体验,减少用户因等待而流失,在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充需要显示的数据内容。然而,当开发人员需要对页面内容和结构进行重新开发时,需要重新编写匹配的骨架屏,开发量大,开发效率较低。
技术实现思路
本公开提供了一种用于页面骨架屏生成方法、装置、电子设备以及存储介质。根据本公开的一方面,提供了一种页面骨架屏生成方法,包括:获取页面中至少两个页面元素,并确定所述页面元素的属性信息;根据所述属性信息对各所述页面元素进行区分;根据区分结果,确定各所述页面元素归属于至少两级骨架屏结构,其中,每级所述骨架屏结构所对应的页面元素不完全相同。根据本公开的一方面,提供了一种页面骨架屏生成装置,包括:属性确定模块,用于获取页面中至少两个页面元素,并确定所述页面元素的属性信息;元素区分模块,用于根据所述属性信息对各所述页面元素进行区分;骨架屏构建模块,用于根据区分结果,确定各所述页面元素归属于至少两级骨架屏结构,其中,每级所述骨架屏结构所对应的页面元素不完全相同。根据本公开的一方面,提供了一种电子设备,该电子设备包括:至少一个处理器;以及与所述至少一个处理器通信连 ...
【技术保护点】
1.一种页面骨架屏生成方法,包括:/n获取页面中至少两个页面元素,并确定所述页面元素的属性信息;/n根据所述属性信息对各所述页面元素进行区分;/n根据区分结果,确定各所述页面元素归属于至少两级骨架屏结构,其中,每级所述骨架屏结构所对应的页面元素不完全相同。/n
【技术特征摘要】
1.一种页面骨架屏生成方法,包括:
获取页面中至少两个页面元素,并确定所述页面元素的属性信息;
根据所述属性信息对各所述页面元素进行区分;
根据区分结果,确定各所述页面元素归属于至少两级骨架屏结构,其中,每级所述骨架屏结构所对应的页面元素不完全相同。
2.根据权利要求1所述的方法,其中,所述骨架屏结构的等级从上至下分为至少两级,上级骨架屏结构包括相邻下级骨架屏结构的部分页面元素。
3.根据权利要求1所述的方法,其中,所述属性信息包括下述至少一类:
所述页面元素在所述页面中的空间布局属性;
所述页面元素在所述页面中的关键性属性;
所述页面元素的内容属性。
4.根据权利要求1或3所述的方法,其中,所述属性信息为所述页面元素在页面中所属文档对象模型DOM的层级。
5.根据权利要求4所述的方法,其中,所述根据所述属性信息对各所述页面元素进行区分,包括:
根据所述层级与层级权重的映射关系,确定所述页面元素的层级权重;其中,所述映射关系包括所述层级与所述层级权重为逆增长关系;
根据所述层级权重对所述页面元素进行区分。
6.根据权利要求4所述的方法,其中,所述属性信息还包括所述页面元素的标签内容。
7.根据权利要求6所述的方法,其中,所述根据所述属性信息对各所述页面元素进行区分,包括:
根据所述标签内容与内容权重的映射关系,确定所述页面元素的内容权重;
根据所述层级与层级权重的映射关系,确定所述页面元素的层级权重;
根据所述内容权重和所述层级权重对所述页面元素进行区分。
8.根据权利要求1-3任一项所述的方法,其中,所述根据所述属性信息对各所述页面元素进行区分,包括:
根据至少一类属性信息与属性权重的映射关系,确定各所述页面元素的至少一个属性权重值;
根据各所述页面元素的属性权重值所属区间范围,对各所述页面元素进行区分;其中,所述区间范围的数量为至少两个,每个所述区间范围分别与一级骨架屏结构对应。
9.根据权利要求1所述的方法,其中,所述获取页面中至少两个页面元素,包括:
对所述页面进行解析,得到包含所有页面元素的文档对象模型的骨架树;其中,所述骨架树中包括如下至少一项:每个页面元素的标签类型、标签名称、尺寸以及层级关系,所述页面为基于HTML协议构建的页面。
10.一种页面骨架屏生成装置,包括:
属性确定模块,用于获取页面中至少两个页面元素,并确定所述页面元素的属性信息;
元素区分模块,用于根据所述属性信息对各所述页面元素进行区分;
骨架屏构建模块,用于根据区...
【专利技术属性】
技术研发人员:兰建国,李升起,白志杰,
申请(专利权)人:北京百度网讯科技有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。