[发明专利]网页弹框生成方法及装置、电子设备、存储介质有效
申请号: | 201911415771.6 | 申请日: | 2019-12-31 |
公开(公告)号: | CN111158686B | 公开(公告)日: | 2022-04-26 |
发明(设计)人: | 孙超 | 申请(专利权)人: | 京东科技控股股份有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F9/445;G06F16/958 |
代理公司: | 北京律智知识产权代理有限公司 11438 | 代理人: | 王辉;阚梓瑄 |
地址: | 100176 北京市大兴区北京经*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 生成 方法 装置 电子设备 存储 介质 | ||
1.一种网页弹框生成方法,其特征在于,应用于带有图形用户界面的移动终端,所述方法包括:
在进入浏览器页面时,加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框,所述弹框组件是预先构建的、由生成网页弹框所需要的参数或者逻辑封装成的JavaScript文件;
响应显示所述目标网页弹框的指令,基于所述弹框组件以动态创建链接标签的方式动态加载所述目标网页弹框对应的层叠样式表以实现对所述层叠样式表的异步加载,并通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成;
若确定所述目标网页弹框对应的所述层叠样式表加载完成,则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框;
其中,所述界面参数包括尺寸数据;所述加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预定义目标网页弹框包括:
加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的尺寸数据预配置所述目标网页弹框对应的弹框尺寸数据以及字号数据。
2.根据权利要求1所述的网页弹框生成方法,其特征在于,所述方法还包括:
若确定所述目标网页弹框对应的所述层叠样式表未加载完成,则通过所述弹框组件在所述目标网页弹框配置显示加载动画任务;
将所述显示加载动画任务添加到执行队列中并在所述层叠样式表加载完成时执行。
3.根据权利要求1所述的网页弹框生成方法,其特征在于,加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框,还包括:
根据所述弹框组件预定义所述目标网页弹框对应的弹框类;其中所述弹框类包括网页弹框参数以及所述目标网页弹框对外提供的方法。
4.根据权利要求1所述的网页弹框生成方法,其特征在于,在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框之后,所述方法还包括:
响应触发所述目标网页弹框上提供的触发按钮,通过所述弹框组件执行所述触发按钮对应的逻辑事件并关闭所述目标网页弹框;以及
调用所述触发按钮对应的回调函数通知调用者以结束所述弹框组件的生命周期。
5.根据权利要求1所述的网页弹框生成方法,其特征在于,在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框,包括:
基于所述弹框组件判断所述浏览器页面是否支持目标加载框架;
若所述浏览器页面支持所述目标加载框架,则通过目标加载框架在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框;
若所述浏览器页面不支持所述目标加载框架,则通过全局对象方式在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。
6.一种网页弹框生成装置,其特征在于,包括:
目标网页弹框配置模块,用于在进入浏览器页面时,加载预构建的弹框组件以使所述弹框组件根据图形用户界面的界面参数预配置目标网页弹框,所述弹框组件是预先构建的、由生成网页弹框所需要的参数或者逻辑封装成的JavaScript文件;
样式表加载判断模块,用于响应显示所述目标网页弹框的指令,基于所述弹框组件以动态创建链接标签的方式动态加载所述目标网页弹框对应的层叠样式表以实现对所述层叠样式表的异步加载,并通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成;
目标网页弹框显示模块,用于若确定所述目标网页弹框对应的所述层叠样式表加载完成,则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框;
其中,所述目标网页弹框配置模块还包括弹框尺寸配置单元,所述弹框尺寸配置单元被配置为:
加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的尺寸数据预配置所述目标网页弹框对应的弹框尺寸数据以及字号数据。
7.一种电子设备,包括:
处理器;以及
存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现如权利要求1至5中任一项所述的网页弹框生成方法。
8.一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的网页弹框生成方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于京东科技控股股份有限公司,未经京东科技控股股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911415771.6/1.html,转载请声明来源钻瓜专利网。