CN111209503A - 网页中弹窗的处理方法、装置、电子设备、及存储介质 - Google Patents
网页中弹窗的处理方法、装置、电子设备、及存储介质 Download PDFInfo
- Publication number
- CN111209503A CN111209503A CN202010006897.4A CN202010006897A CN111209503A CN 111209503 A CN111209503 A CN 111209503A CN 202010006897 A CN202010006897 A CN 202010006897A CN 111209503 A CN111209503 A CN 111209503A
- Authority
- CN
- China
- Prior art keywords
- rendered
- popup
- area
- window
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例公开了一种网页中弹窗的处理方法、装置、电子设备、及存储介质,方法包括:响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,控制所述目标弹窗从所述起始位置滑动到所述待渲染区域,其中所述起始位置位于所述待渲染区域的边框。本实施例的技术方案能减少小弹窗弹出时的突兀感,能使页面有过渡感,能使页面更加完整、整洁和美观,能够改善用户使用网页的用户体验。
Description
技术领域
本公开实施例涉及计算机网络应用技术领域,具体涉及一种网页中弹窗的处理方法、装置、电子设备、及存储介质。
背景技术
页面中有时会涉及一些弹窗,例如用于信息校验类的弹窗和用于电子奖券开奖类的弹窗等。对于上述这些弹窗的打开关闭方式来说,目前通常是通过蹦出弹窗的方式打开,其弹窗的尺寸比页面窄或矮,在用户输入验证码或进行操作验证之后,小弹窗会自动关闭或应用户操作关闭。
一方面,弹窗的设计通常与表单页面设计差距很大,弹出后像补丁一样叠于页面上层,不够美观,也遮挡页面的部分内容,另一方面,弹出弹窗会显得突兀,缺乏过渡和连惯性。
发明内容
有鉴于此,本公开实施例提供一种网页中弹窗的处理方法、装置、电子设备、及存储介质,以避免弹窗呼出时的突兀感,能够改善用户使用网页的用户体验。
本公开实施例的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开实施例的实践而习得。
第一方面,本公开实施例提供了一种网页中弹窗的处理方法,包括:
响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
第二方面,本公开实施例还提供了一种网页中弹窗的处理装置,包括:
呼出指令获取与位置确定单元,用于响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
呼出控制单元,用于控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
第三方面,本公开实施例还提供了一种电子设备,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如第一方面中任一项所述的方法。
第四方面,本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面中任一项所述的方法。
本公开实施例通过响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框,控制所述目标弹窗从所述起始位置滑动到所述待渲染区域,能够避免弹窗呼出时的突兀感,改善用户使用网页的用户体验。
附图说明
为了更清楚地说明本公开实施例中的技术方案,下面将对本公开实施例描述中所需要使用的附图作简单的介绍,显而易见地,下面描述中的附图仅仅是本公开实施例中的一部分实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据本公开实施例的内容和这些附图获得其他的附图。
图1是本公开实施例提供的一种网页中弹窗的处理方法的流程示意图;
图2是本公开实施例提供的另一种网页中弹窗的处理方法的流程示意图;
图3是本公开实施例提供的又一种网页中弹窗的处理方法的流程示意图;
图4是本公开实施例提供的一种网页中弹窗的处理装置的结构示意图;
图5是本公开实施例提供的另一种网页中弹窗的处理装置的结构示意图;
图6是本公开实施例提供的又一种网页中弹窗的处理装置的结构示意图;
图7示出了适于用来实现本公开实施例的电子设备的结构示意图。
具体实施方式
为使本公开实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚,下面将结合附图对本公开实施例的技术方案作进一步的详细描述,显然,所描述的实施例仅仅是本公开实施例中的一部分实施例,而不是全部的实施例。基于本公开实施例中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开实施例保护的范围。
需要说明的是,本公开实施例中术语“***”和“网络”在本文中常被可互换使用。本公开实施例中提到的“和/或”是指包括一个或更多个相关所列项目的任何和所有组合。本公开的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于限定特定顺序。
还需要说明是,本公开实施例中下述各个实施例可以单独执行,各个实施例之间也可以相互结合执行,本公开实施例对此不作具体限制。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面结合附图并通过具体实施方式来进一步说明本公开实施例的技术方案。
图1示出了本公开实施例提供的一种网页中弹窗的处理方法的流程示意图,本实施例可适用于呼出弹窗的情况,该方法可以由配置于电子设备中的网页中弹窗的处理装置来执行,如图1所示,本实施例所述的网页中弹窗的处理方法包括:
在步骤S110中,响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框。
在步骤S120中,控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
上述技术方案通过将指定的待渲染区域的边框作为呼出弹窗时的起点,控制弹窗从待渲染区域的边框位置逐步滑动到待渲染区域,能增加页面的美感,减少小弹窗弹出时的突兀感,能使页面有过渡感,能使页面更加完整、整洁和美观。
于一实施例中,若所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券,在关闭弹窗后(例如输入验证码后或点击开奖按钮之后),还需要展现结果信息,例如信息较验类弹窗的信息校验结果和电子奖券类弹窗的开奖结果,因此,还可在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后,在所述待渲染区域呈现所述目标弹窗的结果信息。
于一实施列中,所述目标弹窗为日期选择组件,所述起始位置为浏览器窗口的下侧,所述待渲染区域位于所述浏览器窗口的底部。
于一实施例中,所述方法还包括,在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,确定所述网页的界面风格,根据所述界面风格设置所述目标弹窗的界面风格,以进一步使弹窗和网页更加协调,能进一步增加页面美感。
于一实施例中,所述起始位置为浏览器窗口的左侧、右侧或下侧。或者所述待渲染区域位于所述浏览器窗口的底部。
本实施例的技术方案通过将指定的待渲染区域的边框作为呼出弹窗时的起点,控制弹窗从待渲染区域的边框位置逐步滑动到待渲染区域,能增加页面的美感,减少小弹窗弹出时的突兀感,能使页面有过渡感,能使页面更加完整整洁和美观,能够改善用户使用网页的用户体验。
图2示出了本公开实施例提供的另一种网页中弹窗的处理方法的流程示意图,本实施例以前述实施例为基础,进行了改进优化。如图2所示,本实施例所述的网页中弹窗的处理方法包括:
在步骤S210中,响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框。
在步骤S220中,控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
在步骤S230中,响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,其中所述终点位置位于所述待渲染区域的边框。
在步骤S240中,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见。
本实施例在上一实施例的基础之上,进一步公开了在关闭弹窗时也采用将指定的待渲染区域的边框作为退出弹窗时的终点位置,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,能进一步增加页面的美感,保持界面交互风格的一致性,能够改善用户使用网页的用户体验。
图3示出了本公开实施例提供的又一种网页中弹窗的处理方法的流程示意图,本实施例以前述实施例为基础,进行了改进优化。如图3所示,本实施例所述的网页中弹窗的处理方法包括:
在步骤S310中,响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框,所述目标弹窗的宽度为所述浏览器窗口的宽度。
在步骤S320中,控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度。
在步骤S330中,控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
在步骤S340中,响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,其中所述终点位置位于所述待渲染区域的边框。
在步骤S350中,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见。
在步骤S360中,控制所述网页中所述待渲染区域以下的元素的显示位置向上平移所述待渲染区域的高度,以隐藏所述待渲染区域。
本实施例在上一实施例的基础之上,增加了在呼出弹窗之前控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度的步骤、以及在关闭弹窗后控制所述网页中所述待渲染区域以下的元素的显示位置向上平移所述待渲染区域的高度,以隐藏所述待渲染区域,能使弹窗与页面内容融合,使页面具有整体性,避免弹窗对页面内容造成遮挡。
作为上述各图所示方法的实现,本申请提供了一种网页中弹窗的处理装置的一个实施例,图4示出了本实施例提供的一种网页中弹窗的处理装置的结构示意图,该装置实施例与图1至图3所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。如图4所示,本实施例所述的网页中弹窗的处理装置包括呼出指令获取与位置确定单元410和呼出控制单元420。
所述呼出指令获取与位置确定单元410被配置为,用于响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
所述呼出控制单元420被配置为,用于控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
于一实施例中,所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券。
所述装置还可包括结果呈现单元(图4中未示出),所述结果呈现单元被配置为,用于在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后,在所述待渲染区域呈现所述目标弹窗的结果信息。
于一实施例中,所述目标弹窗为日期选择组件,所述起始位置为浏览器窗口的下侧,所述待渲染区域位于所述浏览器窗口的底部。
于一实施例中,所述装置还可包括界面风格设置单元(图4中未示出),所述界面风格设置单元用于在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,确定所述网页的界面风格,根据所述界面风格设置所述目标弹窗的界面风格。
于一实施例中,所述起始位置为浏览器窗口的左侧、右侧或下侧;和/或
所述待渲染区域位于所述浏览器窗口的底部。
本实施例提供的网页中弹窗的处理装置可执行本公开方法实施例所提供的网页中弹窗的处理方法,具备执行方法相应的功能模块和有益效果。
图5示出了本公开实施例提供的另一种网页中弹窗的处理装置的结构示意图,如图5所示,本实施例所述的网页中弹窗的处理装置包括呼出指令获取与位置确定单元510、呼出控制单元520、所述关闭指令获取与位置确定单元530和所述关闭控制单元540。
所述呼出指令获取与位置确定单元510被配置为,用于响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
所述呼出控制单元520被配置为,用于控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
所述关闭指令获取与位置确定单元530被配置为,用于响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,其中所述终点位置位于所述待渲染区域的边框;
所述关闭控制单元540被配置为,用于控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见。
本实施例提供的网页中弹窗的处理装置可执行本公开方法实施例所提供的网页中弹窗的处理方法,具备执行方法相应的功能模块和有益效果。
图6示出了本公开实施例提供的又一种网页中弹窗的处理装置的结构示意图,如图6所示,本实施例所述的网页中弹窗的处理装置包括呼出指令获取与位置确定单元610、下移控制单元620、呼出控制单元630、关闭指令获取与位置确定单元640、关闭控制单元650和上移控制单元660。
所述呼出指令获取与位置确定单元610被配置为,用于响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框,所述目标弹窗的宽度为所述浏览器窗口的宽度。
所述下移控制单元620被配置为,用于控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度。
所述呼出控制单元630被配置为,用于控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
所述关闭指令获取与位置确定单元640被配置为,用于响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置。
所述关闭控制单元650被配置为,用于控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,其中所述终点位置位于所述待渲染区域的边框。
所述上移控制单元660被配置为,用于控制所述网页中所述待渲染区域以下的元素的显示位置向上平移所述待渲染区域的高度,以隐藏所述待渲染区域。
本实施例提供的网页中弹窗的处理装置可执行本公开方法实施例所提供的网页中弹窗的处理方法,具备执行方法相应的功能模块和有益效果。
下面参考图7,其示出了适于用来实现本公开实施例的电子设备700的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图7所示,电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中,还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
通常,以下装置可以连接至I/O接口705:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707;包括例如磁带、硬盘等的存储装置708;以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开实施例的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开实施例的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置709从网络上被下载和安装,或者从存储装置708被安装,或者从ROM 702被安装。在该计算机程序被处理装置701执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:
响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开实施例各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法还包括,响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,其中所述终点位置位于所述待渲染区域的边框。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法中,所述目标弹窗的宽度为所述浏览器窗口的宽度;
所述方法还包括:在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法还包括:
响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,其中所述终点位置位于所述待渲染区域的边框;
控制所述网页中所述待渲染区域以下的元素的显示位置向上平移所述待渲染区域的高度,以隐藏所述待渲染区域。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法还包括,所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券;
所述方法还包括,在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后,在所述待渲染区域呈现所述目标弹窗的结果信息。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法还包括,所述目标弹窗为日期选择组件,所述起始位置为浏览器窗口的下侧,所述待渲染区域位于所述浏览器窗口的底部。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法还包括,在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,确定所述网页的界面风格,根据所述界面风格设置所述目标弹窗的界面风格。
根据本公开的一个或多个实施例,所述网页中弹窗的处理方法还包括,所述起始位置为浏览器窗口的左侧、右侧或下侧;和/或
所述待渲染区域位于所述浏览器窗口的底部。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置还包括关闭控制单元,用于响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,其中所述终点位置位于所述待渲染区域的边框。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置中,所述目标弹窗的宽度为所述浏览器窗口的宽度;
所述装置还包括下移控制单元,用于在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置还包括,上移控制单元,用于在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后,控制所述网页中所述待渲染区域及以下的元素的显示位置向上平移所述待渲染区域的高度。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置中,所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券;
所述装置还包括结果呈现单元,用于在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后,在所述待渲染区域呈现所述目标弹窗的结果信息。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置中,所述目标弹窗为日期选择组件,所述起始位置为浏览器窗口的下侧,所述待渲染区域位于所述浏览器窗口的底部。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置还包括,界面风格设置单元,用于在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,确定所述网页的界面风格,根据所述界面风格设置所述目标弹窗的界面风格。
根据本公开的一个或多个实施例,所述网页中弹窗的处理装置中,所述起始位置为浏览器窗口的左侧、右侧或下侧;和/或
所述待渲染区域位于所述浏览器窗口的底部。
以上描述仅为本公开实施例的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开实施例中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (11)
1.一种网页中弹窗的处理方法,其特征在于,包括:
响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,其中所述终点位置位于所述待渲染区域的边框。
3.根据权利要求1所述的方法,其特征在于,所述目标弹窗的宽度为浏览器窗口的宽度;所述方法还包括:在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,控制所述网页中所述待渲染区域及以下的元素的显示位置向下平移所述待渲染区域的高度。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应于关闭所述目标弹窗的控制指令,确定退出所述目标弹窗的终点位置,控制所述目标弹窗从所述待渲染区域向所述终点位置滑动直到不可见,其中所述终点位置位于所述待渲染区域的边框;
控制所述网页中所述待渲染区域以下的元素的显示位置向上平移所述待渲染区域的高度,以隐藏所述待渲染区域。
5.根据权利要求2所述的方法,其特征在于,所述目标弹窗为短信验证弹窗、验证码验证弹窗、图片校验弹窗、或电子奖券;所述方法还包括:
在控制所述目标弹窗从所述待渲染区域向所述起始位置滑动直到不可见之后,在所述待渲染区域呈现所述目标弹窗的结果信息。
6.根据权利要求1所述的方法,其特征在于,所述目标弹窗为日期选择组件,所述起始位置为浏览器窗口的下侧,所述待渲染区域位于所述浏览器窗口的底部。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:在控制所述目标弹窗从所述起始位置滑动到所述待渲染区域之前,确定所述网页的界面风格,根据所述界面风格设置所述目标弹窗的界面风格。
8.根据权利要求1所述的方法,其特征在于,所述起始位置为浏览器窗口的左侧、右侧或下侧;和/或
所述待渲染区域位于所述浏览器窗口的底部。
9.一种网页中弹窗的处理装置,其特征在于,包括:
呼出指令获取与位置确定单元,用于响应于呼出目标弹窗的控制指令,确定呼出所述目标弹窗的起始位置和待渲染区域,其中所述起始位置位于所述待渲染区域的边框;
呼出控制单元,用于控制所述目标弹窗从所述起始位置滑动到所述待渲染区域。
10.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一项所述的方法。
11.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1-8任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010006897.4A CN111209503B (zh) | 2020-01-03 | 2020-01-03 | 网页中弹窗的处理方法、装置、电子设备、及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010006897.4A CN111209503B (zh) | 2020-01-03 | 2020-01-03 | 网页中弹窗的处理方法、装置、电子设备、及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111209503A true CN111209503A (zh) | 2020-05-29 |
CN111209503B CN111209503B (zh) | 2023-07-14 |
Family
ID=70787558
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010006897.4A Active CN111209503B (zh) | 2020-01-03 | 2020-01-03 | 网页中弹窗的处理方法、装置、电子设备、及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111209503B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112199005A (zh) * | 2020-10-22 | 2021-01-08 | Tcl通讯(宁波)有限公司 | 内容显示方法、装置、存储介质及移动终端 |
CN113742024A (zh) * | 2021-09-17 | 2021-12-03 | 杭州安恒信息技术股份有限公司 | 一种html页面的弹层缩放展示方法、装置及设备 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070028185A1 (en) * | 2005-07-26 | 2007-02-01 | Bhogal Kulvir S | System and method to allow authorized pop-ups on a website |
US20100281400A1 (en) * | 2009-05-01 | 2010-11-04 | Qualcomm Incorporated | Method and apparatus for providing portioned web pages in a graphical user interface |
CN103995643A (zh) * | 2014-05-22 | 2014-08-20 | 广东威创视讯科技股份有限公司 | 一种用于多个显示设备间的窗***互方法 |
CN104331224A (zh) * | 2013-07-22 | 2015-02-04 | 腾讯科技(深圳)有限公司 | 一种网页内容浏览方法及装置、终端设备 |
CN105630948A (zh) * | 2015-12-23 | 2016-06-01 | 小米科技有限责任公司 | 网络页面显示方法和装置 |
US20160170951A1 (en) * | 2014-12-16 | 2016-06-16 | Xinyu Xingbang Information Industry Co., Ltd | Method and a Device Thereof for Automatically Showing and Hiding Web Form Failure Notification Layer |
US9557967B1 (en) * | 2016-01-22 | 2017-01-31 | International Business Machines Corporation | Enhanced policy editor with completion support and on demand validation |
US20180052808A1 (en) * | 2016-08-16 | 2018-02-22 | Adobe Systems Incorporated | Creation and display of a webpage with alternative layouts for different webpage widths |
CN110572705A (zh) * | 2019-09-17 | 2019-12-13 | 北京字节跳动网络技术有限公司 | 弹窗的控制方法、装置、介质及电子设备 |
CN110620949A (zh) * | 2019-09-17 | 2019-12-27 | 北京字节跳动网络技术有限公司 | 热点推荐弹窗的控制方法、装置、介质及电子设备 |
CN110620786A (zh) * | 2019-09-30 | 2019-12-27 | 咪咕动漫有限公司 | 信息验证方法、***、通信设备及计算机可读存储介质 |
-
2020
- 2020-01-03 CN CN202010006897.4A patent/CN111209503B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070028185A1 (en) * | 2005-07-26 | 2007-02-01 | Bhogal Kulvir S | System and method to allow authorized pop-ups on a website |
US20100281400A1 (en) * | 2009-05-01 | 2010-11-04 | Qualcomm Incorporated | Method and apparatus for providing portioned web pages in a graphical user interface |
CN104331224A (zh) * | 2013-07-22 | 2015-02-04 | 腾讯科技(深圳)有限公司 | 一种网页内容浏览方法及装置、终端设备 |
CN103995643A (zh) * | 2014-05-22 | 2014-08-20 | 广东威创视讯科技股份有限公司 | 一种用于多个显示设备间的窗***互方法 |
US20160170951A1 (en) * | 2014-12-16 | 2016-06-16 | Xinyu Xingbang Information Industry Co., Ltd | Method and a Device Thereof for Automatically Showing and Hiding Web Form Failure Notification Layer |
CN105630948A (zh) * | 2015-12-23 | 2016-06-01 | 小米科技有限责任公司 | 网络页面显示方法和装置 |
US9557967B1 (en) * | 2016-01-22 | 2017-01-31 | International Business Machines Corporation | Enhanced policy editor with completion support and on demand validation |
US20180052808A1 (en) * | 2016-08-16 | 2018-02-22 | Adobe Systems Incorporated | Creation and display of a webpage with alternative layouts for different webpage widths |
CN110572705A (zh) * | 2019-09-17 | 2019-12-13 | 北京字节跳动网络技术有限公司 | 弹窗的控制方法、装置、介质及电子设备 |
CN110620949A (zh) * | 2019-09-17 | 2019-12-27 | 北京字节跳动网络技术有限公司 | 热点推荐弹窗的控制方法、装置、介质及电子设备 |
CN110620786A (zh) * | 2019-09-30 | 2019-12-27 | 咪咕动漫有限公司 | 信息验证方法、***、通信设备及计算机可读存储介质 |
Non-Patent Citations (3)
Title |
---|
李亚娟;王华东;: "浅析响应式网页设计的实现和优化方法", no. 07 * |
赵羽珩: "jQuery-侧栏导航点击滑入滑出效果", pages 1 - 5 * |
飘逸110: "广告条滑入滑出", pages 1 - 2 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112199005A (zh) * | 2020-10-22 | 2021-01-08 | Tcl通讯(宁波)有限公司 | 内容显示方法、装置、存储介质及移动终端 |
CN113742024A (zh) * | 2021-09-17 | 2021-12-03 | 杭州安恒信息技术股份有限公司 | 一种html页面的弹层缩放展示方法、装置及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN111209503B (zh) | 2023-07-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108089786B (zh) | 用户界面显示方法、装置、设备及存储介质 | |
CN108804190B (zh) | 用户界面显示方法、装置、终端及存储介质 | |
CN109101157B (zh) | 侧边栏图标设置方法、装置、终端及存储介质 | |
CN109460233B (zh) | 页面的原生界面显示更新方法、装置、终端设备及介质 | |
WO2019174546A1 (zh) | 用户界面显示方法、装置、设备及存储介质 | |
WO2019174477A1 (zh) | 用户界面显示方法、装置及终端 | |
US11838251B2 (en) | Information interaction method, apparatus, device, storage medium and program product | |
CN109656445B (zh) | 内容处理方法、装置、终端及存储介质 | |
CN109800041B (zh) | 小程序背景模糊实现方法、装置、电子设备及存储介质 | |
CN111459586B (zh) | 远程协助方法、装置、存储介质及终端 | |
CN107580039B (zh) | 传输进度的显示方法、装置及终端 | |
CN109799945B (zh) | 小程序长列表滚动显示方法、装置、电子设备及存储介质 | |
US11314391B2 (en) | Navigation bar controlling method and terminal | |
EP4174627A1 (en) | Page display method and apparatus, storage medium, and electronic device | |
CN111790148A (zh) | 游戏场景中的信息交互方法、设备及计算机可读介质 | |
CN111209503B (zh) | 网页中弹窗的处理方法、装置、电子设备、及存储介质 | |
WO2017101390A1 (zh) | 一种图片显示方法及装置 | |
CN110647369B (zh) | 页面动态显示的方法、装置、移动终端及存储介质 | |
CN107562324B (zh) | 数据显示控制的方法和终端 | |
CN111913614B (zh) | 多画面显示控制方法、装置、存储介质及显示器 | |
CN111324398A (zh) | 最近内容的处理方法、装置、终端及存储介质 | |
CN110147283B (zh) | 一种显示内容切换显示方法、装置、设备及介质 | |
CN109714474B (zh) | 内容复制方法、装置、终端及存储介质 | |
CN109976857B (zh) | 终端界面的显示控制方法、装置、存储介质及电子设备 | |
WO2023035835A1 (zh) | 一种信息展示方法、装置、设备及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |