网页中弹窗的处理方法、装置、电子设备、及存储介质制造方法及图纸

本公开实施例公开了一种网页中弹窗的处理方法、装置、电子设备、及存储介质，方法包括：响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，控制所述目标弹窗从所述起始位置滑动到所述待渲染区域，其中所述起始位置位于所述待渲染区域的边框。本实施例的技术方案能减少小弹窗弹出时的突兀感，能使页面有过渡感，能使页面更加完整、整洁和美观，能够改善用户使用网页的用户体验。

Processing method, device, electronic equipment and storage medium of pop-up window in web page

【技术实现步骤摘要】
网页中弹窗的处理方法、装置、电子设备、及存储介质
本公开实施例涉及计算机网络应用
，具体涉及一种网页中弹窗的处理方法、装置、电子设备、及存储介质。
技术介绍
页面中有时会涉及一些弹窗，例如用于信息校验类的弹窗和用于电子奖券开奖类的弹窗等。对于上述这些弹窗的打开关闭方式来说，目前通常是通过蹦出弹窗的方式打开，其弹窗的尺寸比页面窄或矮，在用户输入验证码或进行操作验证之后，小弹窗会自动关闭或应用户操作关闭。一方面，弹窗的设计通常与表单页面设计差距很大，弹出后像补丁一样叠于页面上层，不够美观，也遮挡页面的部分内容，另一方面，弹出弹窗会显得突兀，缺乏过渡和连惯性。
技术实现思路
有鉴于此，本公开实施例提供一种网页中弹窗的处理方法、装置、电子设备、及存储介质，以避免弹窗呼出时的突兀感，能够改善用户使用网页的用户体验。本公开实施例的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开实施例的实践而习得。第一方面，本公开实施例提供了一种网页中弹窗的处理方法，包括：响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框；控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。第二方面，本公开实施例还提供了一种网页中弹窗的处理装置，包括：呼出指令获取与位置确定单元，用于响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框；呼出控制单元，用于控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。第三方面，本公开实施例还提供了一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面中任一项所述的方法。第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一项所述的方法。本公开实施例通过响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框，控制所述目标弹窗从所述起始位置滑动到所述待渲染区域，能够避免弹窗呼出时的突兀感，改善用户使用网页的用户体验。附图说明为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本公开实施例中的一部分实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据本公开实施例的内容和这些附图获得其他的附图。图1是本公开实施例提供的一种网页中弹窗的处理方法的流程示意图；图2是本公开实施例提供的另一种网页中弹窗的处理方法的流程示意图；图3是本公开实施例提供的又一种网页中弹窗的处理方法的流程示意图；图4是本公开实施例提供的一种网页中弹窗的处理装置的结构示意图；图5是本公开实施例提供的另一种网页中弹窗的处理装置的结构示意图；图6是本公开实施例提供的又一种网页中弹窗的处理装置的结构示意图；图7示出了适于用来实现本公开实施例的电子设备的结构示意图。具体实施方式为使本公开实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面将结合附图对本公开实施例的技术方案作进一步的详细描述，显然，所描述的实施例仅仅是本公开实施例中的一部分实施例，而不是全部的实施例。基于本公开实施例中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开实施例保护的范围。需要说明的是，本公开实施例中术语“系统”和“网络”在本文中常被可互换使用。本公开实施例中提到的“和/或”是指包括一个或更多个相关所列项目的任何和所有组合。本公开的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于限定特定顺序。还需要说明是，本公开实施例中下述各个实施例可以单独执行，各个实施例之间也可以相互结合执行，本公开实施例对此不作具体限制。本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。下面结合附图并通过具体实施方式来进一步说明本公开实施例的技术方案。图1示出了本公开实施例提供的一种网页中弹窗的处理方法的流程示意图，本实施例可适用于呼出弹窗的情况，该方法可以由配置于电子设备中的网页中弹窗的处理装置来执行，如图1所示，本实施例所述的网页中弹窗的处理方法包括：在步骤S110中，响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框。在步骤S120中，控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。上述技术方案通过将指定的待渲染区域的边框作为呼出弹窗时的起点，控制弹窗从待渲染区域的边框位置逐步滑动到待渲染区域，能增加页面的美感，减少小弹窗弹出时的突兀感，能使页面有过渡感，能使页面更加完整、整洁和美观。于一实施例中，若所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券，在关闭弹窗后(例如输入验证码后或点击开奖按钮之后)，还需要展现结果信息，例如信息较验类弹窗的信息校验结果和电子奖券类弹窗的开奖结果，因此，还可在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后，在所述待渲染区域呈现所述目标弹窗的结果信息。于一实施列中，所述目标弹窗为日期选择组件，所述起始位置为浏览器窗口的下侧，所述待渲染区域位于所述浏览器窗口的底部。于一实施例中，所述方法还包括，在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前，确定所述网页的界面风格，根据所述界面风格设置所述目标弹窗的界面风格，以进一步使弹窗和网页更加协调，能进一步增加页面美感。于一实施例中，所述起始位置为浏览器窗口的左侧、右侧或下侧。或者所述待渲染区域位于所述浏览器窗口的底部。本实施例的技术方案通过将指定的待渲染区域的边框作为呼出弹窗时的起点，控制弹窗从待渲染区域的边框位置逐步滑动到待渲染区域，能增加页面的美感，减少小弹窗弹出时的突兀感，能使页面有过渡感，能使页面更加完整整洁和美观，能够改善用户使用网页的用户体验。图2示出了本公开实施例提供的另一种网页中弹窗的处理方法的流程示意图，本实施例以前述实施例为基础，进行了改进优化。如图2所示，本实施例所述的网页中弹窗的处理方法包括：在步骤S210中，响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框。在步骤S220中，控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。在步骤S230中，响应于关闭所述目标弹窗的控制指令，确定退出所述目标本文档来自技高网...

【技术保护点】
1.一种网页中弹窗的处理方法，其特征在于，包括：/n响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框；/n控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。/n

【技术特征摘要】
1.一种网页中弹窗的处理方法，其特征在于，包括：
响应于呼出目标弹窗的控制指令，确定呼出所述目标弹窗的起始位置和待渲染区域，其中所述起始位置位于所述待渲染区域的边框；
控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。


2.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于关闭所述目标弹窗的控制指令，确定退出所述目标弹窗的终点位置，控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见，其中所述终点位置位于所述待渲染区域的边框。


3.根据权利要求1所述的方法，其特征在于，所述目标弹窗的宽度为浏览器窗口的宽度；所述方法还包括：在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前，控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度。


4.根据权利要求3所述的方法，其特征在于，所述方法还包括：
响应于关闭所述目标弹窗的控制指令，确定退出所述目标弹窗的终点位置，控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见，其中所述终点位置位于所述待渲染区域的边框；
控制所述网页中所述待渲染区域以下的元素的显示位置向上平移所述待渲染区域的高度，以隐藏所述待渲染区域。


5.根据权利要求2所述的方法，其特征在于，所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券；所述方法还包括：
在控制所述目标弹窗从所述待渲染区域向所述起...

【专利技术属性】
技术研发人员：倪连柱，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京;11