[发明专利]骨架屏页面生成方法、装置、电子设备及存储介质在审

专利信息
申请号: 202010703186.2 申请日: 2020-07-21
公开(公告)号: CN111857878A 公开(公告)日: 2020-10-30
发明(设计)人: 孙昊男;康岑波 申请(专利权)人: 北京蚂蜂窝网络科技有限公司
主分类号: G06F9/445 分类号: G06F9/445;G06F9/451;H04L12/721
代理公司: 北京同立钧成知识产权代理有限公司 11205 代理人: 张宁;臧建明
地址: 100015 北京市朝阳*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 骨架 页面 生成 方法 装置 电子设备 存储 介质
【权利要求书】:

1.一种骨架屏页面生成方法,其特征在于,包括:

获取配置信息,所述配置文件用于确定骨架屏的生成参数;

根据所述配置信息,访问所述第一目标页面,并对所述第一目标页面进行路由监测;

根据所述第一目标页面的页面路由变化情况,确定第二目标页面;

在所述第二目标页面内,生成交互控件,并根据所述交互控件的触发事件,生成与所述第二目标页面相匹配的骨架屏页面。

2.根据权利要求1所述的方法,其特征在于,所述配置信息中包括页面地址和页面名称,根据所述配置信息,访问所述第一目标页面,并对所述第一目标页面进行路由监测,包括:

使用控件库新建一个无头浏览器,所述控件库用于提供无头浏览器的操作接口;

接收所述无头浏览器返回的实例;

通过所述无头浏览器对于所述页面地址和页面名称对应的第一目标页面进行访问,并执行目标改变事件,对所述第一目标页面进行路由监测。

3.根据权利要求1所述的方法,其特征在于,根据所述第一目标页面的页面路由变化情况,确定第二目标页面,包括:

若所述页面路由变化,则获取变化后的页面路由对应的路由地址;

将所述路由地址对应的页面确定为第二目标页面。

4.根据权利要求1-3任一项所述的方法,其特征在于,所述交互控件包括骨架屏生成控件,所述骨架屏生成控件用于接收用户输入的操作指令,生成触发事件,在所述第二目标页面内,生成交互控件,包括:

获取所述第二目标页面的尺寸信息;

根据所述尺寸信息,将所述骨架屏生成控件设置在所述第二目标页面的边缘位置。

5.根据权利要求4所述的方法,其特征在于,生成与所述第二目标页面相匹配的骨架屏页面,包括:

获取所述第二目标页面的页面布局样式;

对所述页面布局样式进行划分,生成一个或多个块区域;

分别对所述块区域进行处理,使所述块区域与所述第二目标页面中的显示对象的轮廓一致;

对处理后的块区域生成进行灰度填充,生成与所述第二目标页面相匹配的骨架屏页面。

6.根据权利要求5所述的方法,其特征在于,所述配置文件中还包括填充节点,在分别对所述块区域进行处理,使所述块区域与所述第二目标页面中的显示对象的轮廓一致之后,还包括:

按照对应的填充节点,对处理后的块区域进行填充,生成与所述第二目标页面相匹配的骨架屏页面。

7.根据权利要求1-3任一项所述的方法,其特征在于,所述配置信息中包括存储位置信息,在生成与所述第二目标页面相匹配的骨架屏页面之后,还包括:

根据所述存储位置信息,将所述骨架屏页面对应的代码文件存储于目标存储位置。

8.一种骨架屏页面生成装置,其特征在于,包括:

获取模板,用于获取配置信息,所述配置文件用于确定骨架屏的生成参数;

监测模块,用于根据所述配置信息,访问所述第一目标页面,并对所述第一目标页面进行路由监测;

确定模块,用于根据所述第一目标页面的页面路由变化情况,确定第二目标页面;

生成模块,用于在所述第二目标页面内,生成交互控件,并根据所述交互控件的触发事件,生成与所述第二目标页面相匹配的骨架屏页面。

9.一种电子设备,其特征在于,包括:存储器,处理器以及计算机程序;

其中,所述计算机程序存储在所述存储器中,并被配置为由所述处理器执行以实现如权利要求1至7中任一项所述的骨架屏页面生成方法。

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1至7任一项所述的骨架屏页面生成方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京蚂蜂窝网络科技有限公司,未经北京蚂蜂窝网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202010703186.2/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top