网页弹框生成方法及装置、电子设备、存储介质制造方法及图纸

本发明专利技术提供了一种网页弹框生成方法及装置、电子设备、存储介质，涉及计算机技术领域。该网页弹框生成方法包括：在进入浏览器页面时，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框；响应显示所述目标网页弹框的指令，通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成；若确定所述目标网页弹框对应的所述层叠样式表加载完成，则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。本发明专利技术实施例的技术方案可以降低网页弹框开发成本，提高网页弹框加载效率。

Generation method and device, electronic equipment and storage medium of webpage spring frame

【技术实现步骤摘要】
网页弹框生成方法及装置、电子设备、存储介质
本专利技术涉及计算机
，具体而言，涉及一种网页弹框生成方法、网页弹框生成装置、电子设备以及计算机可读存储介质。
技术介绍
随着互联网技术的发展，通过浏览器浏览网页的形式已经成为人们获取信息的重要方式。在开发浏览器中的网页时，经常会出现需要用弹框提示用户或用弹框让用户做选择交互的场景。目前，相关网页弹框生成方案中，要么重新从头编写一个网页弹框的完整代码，要么从之前类似的项目中将相关代码复制过来进行使用。但是这两种方案中，从头编写网页弹框的完整代码会浪费大量的人力物力，且开发效率较低；从之前类似的项目中将相关代码复制过来进行使用，需要重新修改代码以适应新的项目，而且在维护时需要对网页弹框的样式、显示隐藏动画、生成逻辑、点击事件等地方进行修改、测试或者维护，工作量较大，维护较为困难。需要说明的是，在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本专利技术实施例的目的在于提供一种网页弹框生成方法、网页弹框生成装置、电子设备以及计算机可读存储介质，进而至少在一定程度上克服相关生成网页弹框的方案中网页弹框开发成本较高、弹框加载效率较低的问题。本专利技术的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本专利技术的实践而习得。根据本专利技术实施例的第一方面，提供了一种网页弹框生成方法，包括：在进入浏览器页面时，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框；响应显示所述目标网页弹框的指令，通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成；若确定所述目标网页弹框对应的所述层叠样式表加载完成，则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。在本专利技术的一些示例实施例中，基于前述方案，所述方法还包括：若确定所述目标网页弹框对应的所述层叠样式表未加载完成，则通过所述弹框组件在所述目标网页弹框配置显示加载动画任务；将所述显示加载动画任务添加到执行队列中并在所述层叠样式表加载完成时执行。在本专利技术的一些示例实施例中，基于前述方案，所述界面参数包括尺寸数据；所述加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预定义目标网页弹框包括：加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的尺寸数据预配置所述目标网页弹框对应的弹框尺寸数据以及字号数据。在本专利技术的一些示例实施例中，基于前述方案，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预定义目标网页弹框，还包括：根据所述弹框组件预定义所述目标网页弹框对应的弹框类；其中所述弹框类包括网页弹框参数以及所述目标网页弹框对外提供的方法。在本专利技术的一些示例实施例中，基于前述方案，在通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成之前，所述方法还包括：基于所述弹框组件，通过动态创建链接标签的方式动态加载所述目标网页弹框对应的层叠样式表以实现对所述层叠样式表的异步加载。在本专利技术的一些示例实施例中，基于前述方案，在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框之后，所述方法还包括：响应触发所述目标网页弹框上提供的触发按钮，通过所述弹框组件执行所述触发按钮对应的逻辑事件并关闭所述目标网页弹框；以及调用所述触发按钮对应的回调函数通知调用者以结束所述弹框组件的生命周期。在本专利技术的一些示例实施例中，基于前述方案，在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框，包括：基于所述弹框组件判断所述浏览器页面是否支持目标加载框架；若所述浏览器页面支持所述目标加载框架，则通过目标加载框架在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框；若所述浏览器页面不支持所述目标加载框架，则通过全局对象方式在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。根据本专利技术实施例的第二方面，提供了一种网页弹框生成装置，包括：目标网页弹框配置模块，用于在进入浏览器页面时，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框；样式表加载判断模块，用于响应显示所述目标网页弹框的指令，通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成；目标网页弹框显示模块，用于若确定所述目标网页弹框对应的所述层叠样式表加载完成，则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。在本专利技术的一种示例性实施例中，基于前述方案，所述目标网页弹框显示模块还包括显示加载动画任务配置单元，所述显示加载动画任务配置单元还被配置为：若确定所述目标网页弹框对应的所述层叠样式表未加载完成，则通过所述弹框组件在所述目标网页弹框配置显示加载动画任务；将所述显示加载动画任务添加到执行队列中并在所述层叠样式表加载完成时执行。在本专利技术的一种示例性实施例中，基于前述方案，所述目标网页弹框配置模块还包括弹框尺寸配置单元，所述弹框尺寸配置单元被配置为：加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的尺寸数据预配置所述目标网页弹框对应的弹框尺寸数据以及字号数据。在本专利技术的一种示例性实施例中，基于前述方案，所述目标网页弹框配置模块还包括弹框类定义单元，所述弹框类定义单元被配置为：根据所述弹框组件预定义所述目标网页弹框对应的弹框类；其中所述弹框类包括网页弹框参数以及所述目标网页弹框对外提供的方法。在本专利技术的一种示例性实施例中，基于前述方案，所述目标网页弹框配置模块还包括层叠样式表加载单元，所述层叠样式表加载单元被配置为：基于所述弹框组件，通过动态创建链接标签的方式动态加载所述目标网页弹框对应的层叠样式表以实现对所述层叠样式表的异步加载。在本专利技术的一种示例性实施例中，基于前述方案，所述网页弹框生成装置还包括弹框组件结束单元，所述弹框组件结束单元被配置为：响应触发所述目标网页弹框上提供的触发按钮，通过所述弹框组件执行所述触发按钮对应的逻辑事件并关闭所述目标网页弹框；以及调用所述触发按钮对应的回调函数通知调用者以结束所述弹框组件的生命周期。在本专利技术的一种示例性实施例中，基于前述方案，所述目标网页弹框显示模块还被配置为：基于所述弹框组件判断所述浏览器页面是否支持目标加载框架；若所述浏览器页面支持所述目标加载框架，则通过目标加载框架在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框；若所述浏览器页面不支持所述目标加载框架，则通过全局对象方式在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。根据本专利技术实施例的第三方面，提供了一种电子设备，包括：处理器；以及存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时实现上述任意一项所述的网页弹框生成方法。根据本专利技术实施例的第四方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现根据上述任意一项所述的网页弹框生成方法。本专利技术实施例提供本文档来自技高网...

【技术保护点】
1.一种网页弹框生成方法，其特征在于，应用于带有图形用户界面的移动终端，所述方法包括：/n在进入浏览器页面时，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框；/n响应显示所述目标网页弹框的指令，通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成；/n若确定所述目标网页弹框对应的所述层叠样式表加载完成，则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。/n

【技术特征摘要】
1.一种网页弹框生成方法，其特征在于，应用于带有图形用户界面的移动终端，所述方法包括：
在进入浏览器页面时，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框；
响应显示所述目标网页弹框的指令，通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成；
若确定所述目标网页弹框对应的所述层叠样式表加载完成，则在所述图形用户界面显示与所述界面参数适配的所述目标网页弹框。


2.根据权利要求1所述的网页弹框生成方法，其特征在于，所述方法还包括：
若确定所述目标网页弹框对应的所述层叠样式表未加载完成，则通过所述弹框组件在所述目标网页弹框配置显示加载动画任务；
将所述显示加载动画任务添加到执行队列中并在所述层叠样式表加载完成时执行。


3.根据权利要求1所述的网页弹框生成方法，其特征在于，所述界面参数包括尺寸数据；
所述加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预定义目标网页弹框包括：
加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的尺寸数据预配置所述目标网页弹框对应的弹框尺寸数据以及字号数据。


4.根据权利要求3所述的网页弹框生成方法，其特征在于，加载预构建的弹框组件以使所述弹框组件根据所述图形用户界面的界面参数预配置目标网页弹框，还包括：
根据所述弹框组件预定义所述目标网页弹框对应的弹框类；其中所述弹框类包括网页弹框参数以及所述目标网页弹框对外提供的方法。


5.根据权利要求3所述的网页弹框生成方法，其特征在于，在通过所述弹框组件判断所述目标网页弹框对应的层叠样式表是否加载完成之前，所述方法还包括：
基于所述弹框组件，通过动态创建链接标签的方式动态加载所述目标网页弹框对应的层叠样式表以实现对所述层叠样式表的异步加载。
<...

【专利技术属性】
技术研发人员：孙超，
申请(专利权)人：京东数字科技控股有限公司，
类型：发明
国别省市：北京;11