骨架屏页面的生成方法、装置、电子设备、介质及产品制造方法及图纸

本公开关于一种骨架屏页面的生成方法、装置、电子设备及存储介质，所述方法包括：获取目标页面的页面图片；对所述页面图片进行图像处理，确定所述页面图片中的页面元素；对所述页面图片中的页面元素进行轮廓提取，得到所述页面元素的轮廓信息；根据所述页面元素的轮廓信息，生成所述目标页面的骨架屏页面。本公开中，先确定目标页面中的的页面元素，再提取所述页面元素的轮廓信息，对该轮廓信息进行复制还原时，不再依据原有目标页面的结构，而是依据获取目标页面的页面图片进行复制还原时，不再依据原有目标页面的结构，而是依据目标页面的页面截图图片，完全节省骨架屏页面的制作成本，具有较好的通用性。具有较好的通用性。具有较好的通用性。

【技术实现步骤摘要】
骨架屏页面的生成方法、装置、电子设备、介质及产品


[0001]本公开涉及计算机
，尤其涉及一种骨架屏页面的生成方法、装置、电子设备、计算机可读存储介质及计算机程序产品。

技术介绍

[0002]相关技术中，在终端的网页应用或应用程序的网页应用中，页面前端通常会以异步请求的方式获取网页数据，由于请求的响应有一定的耗时，为了避免呈现给用户空白的网页加载效果，页面前端在网页加载完成之前将骨架屏显示给用户，以提前告诉用户网页的大致轮廓和页面焦点位置，可以有效的缓解用户在盲等时产生的烦躁心理。
[0003]但是，骨架屏需要和页面结构保持一致，才能起到以上作用。所以，在网页开发时，由于每一个页面都需要有属于自己的骨架屏，还需要开发一个与网页对应的骨架屏，这就导致各个页面的骨架屏无法通用化，给网页的开发造成了额外的成本。
[0004]因此，如何根据各个目标网页自动生成对应的骨架屏页面，降低网页开发的成本，是目前有待解决的技术问题。

技术实现思路

[0005]本公开提供一种骨架屏页面的生成方法、装置、电子设备、计算机可读存储本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种骨架屏页面的生成方法，其特征在于，包括：获取目标页面的页面图片；对所述页面图片进行图像处理，确定所述页面图片中的页面元素；对所述页面图片中的页面元素进行轮廓提取，得到所述页面元素的轮廓信息；根据所述页面元素的轮廓信息，生成所述目标页面的骨架屏页面。2.根据权利要求1所述的骨架屏页面的生成方法，其特征在于，所述对所述页面图片进行图像处理，确定所述页面图片中的页面元素，包括：对所述页面图片中的所有像素点进行灰度化处理，得到灰度化的页面图片；对所述灰度化的页面图片中每个像素点进行阈值化处理，确定构成所述页面图片中像素点的页面元素；对构成所述页面图片中像素点的所述页面元素进行降噪处理，得到生成所述页面图片的骨架屏页面所需的页面元素。3.根据权利要求2所述的骨架屏页面的生成方法，其特征在于，所述对所述灰度化的页面图片中的每个像素点进行阈值化处理，确定构成所述页面图片中像素点的页面元素，包括：当所述灰度化的页面图片中每个像素点的色值大于预设色值阈值时，将所述灰度化的页面图片中对应像素点的色值重置为白色；当所述灰度化的页面图片中每个像素点的色值不大于预设色值阈值时，将所述灰度化的页面图片中对应像素点的色值重置为黑色；提亮所述灰度化的页面图片中重置为黑色的像素点的页面元素，得到所述页面图片中的页面元素。4.根据权利要求2所述的骨架屏页面的生成方法，其特征在于，所述对构成所述页面图片中像素点的所述页面元素进行降噪处理，得到生成所述页面图片的骨架屏页面所需的页面元素，包括：遍历所述页面图片中的所有像素点；对每个像素点进行中值滤波降噪处理或高斯降噪处理，去除独立像素点或网格线元素，得到生成所述页面图片的骨架屏页面所需的页面元素。5.根据权利要...

【专利技术属性】
技术研发人员：张宇杰，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：