CN112667326A - 弹窗页面的展示方法、装置、计算机设备和存储介质 - Google Patents
弹窗页面的展示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN112667326A CN112667326A CN201910938360.9A CN201910938360A CN112667326A CN 112667326 A CN112667326 A CN 112667326A CN 201910938360 A CN201910938360 A CN 201910938360A CN 112667326 A CN112667326 A CN 112667326A
- Authority
- CN
- China
- Prior art keywords
- page
- popup
- pop
- browsed
- route
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 238000009877 rendering Methods 0.000 claims abstract description 12
- 238000004590 computer program Methods 0.000 claims description 14
- 230000007246 mechanism Effects 0.000 claims description 11
- 238000001514 detection method Methods 0.000 claims description 4
- 230000001902 propagating effect Effects 0.000 claims description 3
- 230000001960 triggered effect Effects 0.000 abstract description 7
- 230000000644 propagated effect Effects 0.000 abstract 2
- 238000010586 diagram Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 230000007480 spreading Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种弹窗页面的展示方法、装置、计算机设备和存储介质。通过检测浏览的页面中弹窗页面的触发操作,当检测到触发操作时,根据触发的弹窗页面的子路由指定的路径调用对应的页面组件,并对该页面组件进行渲染处理,从而展示弹窗页面,并在终端的浏览器中显示该弹窗页面。本申请根据弹窗页面的触发操作切换至弹窗页面对应的URL路径,以实现在浏览的页面中打开弹窗页面,并能对该弹窗页面进行分享及传播等操作,从而解决传统全屏幕弹窗交互性差,且不能直接分享及传播的问题。
Description
技术领域
本申请涉及互联网技术领域,特别是涉及一种弹窗页面的展示方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展,使用浏览器浏览网页已成为人们获取信息的一个非常重要的途径,而通过全屏幕弹窗可以实现浏览器打开新窗口或打开新的网页资源的功能。
目前,传统的全屏幕弹窗可以通过在浏览的页面中以事件触发的形式打开一个新的页面,其URL(uniform resource locator,统一资源定位***)路径一般不会发生变化,因此,如果页面刷新时则该弹窗显示的新页面也会消失,从而需要重新触发打开弹窗页面。因此,传统的全屏幕弹窗方式不够灵活,存在交互性差的问题。
发明内容
基于此,有必要针对目前全屏幕弹窗方式不够灵活、交互性差的问题,提供一种弹窗页面的展示方法、装置、计算机设备和存储介质。
为了实现上述目的,一方面,本申请实施例提供了一种弹窗页面的展示方法,所述方法包括:
在浏览的页面中检测弹窗页面的触发操作,其中,浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,其中,弹窗页面通过子路由指定路径;
当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件;
对页面组件进行渲染处理,加载并展示弹窗页面。
在其中一个实施例中,在加载并展示弹窗页面之后,所述方法还包括:将弹窗页面与浏览的页面进行关联,并存储关联信息;当接收到对弹窗页面的关闭操作时,根据关联信息返回浏览的页面。
在其中一个实施例中,将弹窗页面与浏览的页面进行关联,包括:通过Vue缓存机制将弹窗页面以及加载弹窗页面时刻对应的最后浏览的页面进行关联;则根据关联信息返回浏览的页面,包括:根据关联信息从Vue缓存机制中读取加载弹窗页面时刻对应的最后浏览的页面。
在其中一个实施例中,关联信息包括弹窗页面的页面状态和最后浏览的页面的页面状态分别所对应的页面标签。
在其中一个实施例中,在加载并展示弹窗页面之后,所述方法还包括:接收对弹窗页面的分享或传播操作;根据分享或传播操作调用弹窗页面的子路由对应的URL;根据弹窗页面的子路由对应的URL分享或传播弹窗页面。
在其中一个实施例中,浏览的页面与弹窗页面的是在Vue框架下,通过父子路由嵌套的方式进行设置的。
在其中一个实施例中,页面组件包括承载弹窗页面的框体、弹窗页面的显示逻辑以及弹窗页面待显示的内容。
另一方面,本申请实施例还提供了一种弹窗页面的展示装置,包括:
检测模块,用于在浏览的页面中检测弹窗页面的触发操作,其中,浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,弹窗页面通过子路由指定路径;
页面组件调用模块,用于当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件;
弹窗页面加载模块,用于对页面组件进行渲染处理,加载并展示弹窗页面。
又一方面,本申请实施例还提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现如上所述方法的步骤。
再一方面,本申请实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上所述方法的步骤。
上述弹窗页面的展示方法、装置、计算机设备和存储介质,通过检测浏览的页面中弹窗页面的触发操作,当检测到触发操作时,根据触发的弹窗页面的子路由指定的路径调用对应的页面组件,并对该页面组件进行渲染处理,从而加载对应的弹窗页面,并在终端的浏览器中显示该弹窗页面。本申请根据弹窗页面的触发操作切换至弹窗页面对应的URL路径,以实现在浏览的页面中打开弹窗页面,并能对该弹窗页面进行相关操作,从而解决传统全屏幕弹窗交互性差的问题。
附图说明
图1为一个实施例中弹窗页面的展示方法的应用环境图;
图2为一个实施例中弹窗页面的展示方法的流程示意图;
图3为另一个实施例中弹窗页面的展示方法的流程示意图;
图4为又一个实施例中弹窗页面的展示方法的流程示意图;
图5为再一个实施例中弹窗页面的展示方法的流程示意图;
图6为一个实施例中弹窗页面的展示装置的结构框图;
图7为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的弹窗页面的展示方法,可以应用于如图1所示的应用环境中。其中,终端102通过网络与服务器104进行通信。当用户通过终端102中的浏览器浏览网页时,很多时候需要打开新窗口浏览内容即全屏幕弹窗。因此,通过检测浏览的页面中弹窗页面的触发操作,当检测到触发操作时,根据弹窗页面的子路由指定的路径调用服务器104中对应的页面组件,并对该页面组件进行渲染处理,从而加载并展示弹窗页面,以实现对弹窗页面显示的内容直接进行传播和分享,从而解决传统全屏幕弹窗交互性差的问题。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中,如图2所示,提供了一种弹窗页面的展示方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
步骤202,在浏览的页面中检测弹窗页面的触发操作。
其中,触发操作是指用于触发弹窗页面的操作,如用户在终端浏览的页面中进行触发弹窗页面的点击或触摸等。在本实施例中,浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,弹窗页面则通过子路由指定路径,即通过Vue(一套构建用户界面的渐进式框架)技术,将终端浏览的页面对应的URL路径设置为父级路由,将弹窗页面的URL路径设置为弹窗页面的路由地址(即子级路由),终端浏览的页面对应的URL路径(即父级路由)与弹窗页面的URL路径则通过父子路由嵌套。具体的,通过终端在浏览的页面中检测弹窗页面的触发操作,进而根据该触发操作切换至弹窗页面对应的URL路径,以实现在浏览的页面中打开弹窗页面,并能对该弹窗页面进行分享及传播等操作。
步骤204,当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件。
其中,页面组件包括承载该弹窗页面的框体、弹窗页面的显示逻辑以及该弹窗页面将要显示的内容。具体的,弹窗页面的显示逻辑可以规定对弹窗页面将要显示的内容的处理方式,并通过框体承载处理后的将要显示的内容。在本实施例中,通过Vue技术将弹窗页面的框体、弹窗页面的显示逻辑以及该弹窗页面将要显示的内容封装为页面组件,并为其映射接入的浏览器请求(即弹窗页面对应的URL路径)。因此,当终端检测到弹窗页面的触发操作时,则根据触发的弹窗页面对应的URL路径调用相应的页面组件。
步骤206,对页面组件进行渲染处理,加载并展示弹窗页面。
在本实施例中,根据调用的页面组件中弹窗页面的显示逻辑对弹窗页面将要显示的内容进行渲染处理,并通过框体承载处理后的将要显示的内容,从而加载对应的弹窗页面,并在终端的浏览器中显示该弹窗页面。
上述弹窗页面的展示方法,通过检测浏览的页面中弹窗页面的触发操作,当检测到触发操作时,根据触发的弹窗页面的子路由指定的路径调用对应的页面组件,并对该页面组件进行渲染处理,从而加载弹窗页面,并在终端的浏览器中显示该弹窗页面。本申请根据弹窗页面的触发操作切换至弹窗页面对应的URL路径,以实现在浏览的页面中打开弹窗页面,并能对该弹窗页面进行相关操作,从而解决传统全屏幕弹窗交互性差的问题。
在一个实施例中,如图3所示,在加载并展示弹窗页面之后,上述方法还可以包括如下步骤:
步骤302,将弹窗页面与浏览的页面进行关联,并存储关联信息。
其中,关联信息包括弹窗页面和加载该弹窗页面时刻最后浏览的页面分别所对应的页面标签。具体的,页面标签表示用于指定页面状态的唯一标识,即弹窗页面的页面状态对应的标识和最后浏览的页面的页面状态所对应的标识。在本实施例中,当加载弹窗页面之后,通过将弹窗页面(即子页面)对应的页面标签与加载该弹窗页面时刻浏览器最后显示的页面(即父级页面)所对应的页面标签进行关联,并通过Vue缓存机制存储该弹窗页面、加载该弹窗页面时刻浏览器最后显示的页面及其关联关系,从而便于后续对该弹窗页面进行操作时,可以根据Vue缓存快速返回至加载该弹窗页面时刻浏览器最后显示的页面。
步骤304,当接收到对弹窗页面的关闭操作时,根据关联信息返回浏览的页面。
具体的,当终端接收到对弹窗页面的关闭操作时,可以根据上述Vue缓存的关联信息快速返回至加载该弹窗页面时刻浏览器最后显示的页面。从而避免通过传统的URL打开弹窗页面后,在关闭该弹窗页面时,父级页面的数据需要重新加载,且加载后显示的是刷新后的父级页面,即返回的是父级页面的初始状态,若要返回至加载该弹窗页面时刻浏览器最后显示的页面状态,则需要对初始状态的父级页面进行相关操作,导致交互性较差的问题。
举例来说,以浏览的页面为列表类页面为例进行说明,在本实施例中,当浏览的列表页面滑动至第100条列表的位置时,若触发了加载弹窗页面,则此时Vue缓存是该弹窗页面、滑动至第100条时的列表页面(即加载该弹窗页面时刻浏览器最后显示的页面)及其关联关系,当关闭弹窗页面后,终端根据Vue缓存可以直接返回滑动至第100条时的列表页面,极大的提高了交互的灵活性,且不需要对该列表页面的数据重新加载,从而减少了数据加载的消耗,在一定程度上节约了网络资源。
在一个实施例中,由于本申请中弹窗页面具有对应的URL路径,因此,当对弹窗页面进行刷新操作时,弹窗页面并不会消失,而是会根据刷新操作重新加载该弹窗页面对应的数据,从而进一步提高了交互的灵活性。
在一个实施例中,如图4所示,在加载并展示弹窗页面之后,上述方法还可以包括如下步骤:
步骤402,接收对弹窗页面的分享或传播操作。
在本实施例中,由于弹窗页面具有对应的URL路径,因此,终端可以根据用户发起的分享或传播操作对该弹窗页面进行分享或传播。
步骤404,根据分享或传播操作调用弹窗页面的子路由对应的URL。
其中,URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,在本实施例中,弹窗页面的子路由对应的URL是指该弹窗页面的资源地址。具体的,当终端检测到对弹窗页面的分享或传播操作时,则根据Vue技术实现的父子路由嵌套,调用该弹窗页面的子路由对应的URL。
步骤406,根据弹窗页面的子路由对应的URL分享或传播弹窗页面。
终端根据调用的待分享的弹窗页面的子路由对应的URL,将该URL发送给被分享用户,从而使得被分享用户可以通过URL直接打开待分享的弹窗页面,以实现对待分享的弹窗页面进行直接分享及传播。
在一个实施例中,如图5所示,上述弹窗页面的展示方法包括如下步骤:
步骤501,在Vue框架下,通过父子路由嵌套的方式设置路由。
即将终端当前浏览的页面通过父级路由的方式设置路径,将要打开的弹窗页面通过子路由的方式指定路径。
步骤502,封装弹窗页面对应的页面组件。
其中,页面组件包括承载该弹窗页面的框体、弹窗页面的显示逻辑以及该弹窗页面将要显示的内容。具体的,通过将弹窗页面对应的页面组件注册到Vue框架的***中,为其映射路由,并声明该页面组件对应的渲染内容。
步骤503,检测浏览的页面中弹窗页面的触发操作。
步骤504,当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件。
步骤505,对页面组件进行渲染处理,加载弹窗页面并展示。
步骤506,将弹窗页面与浏览的页面进行关联,并存储关联信息。
步骤507,当接收到对弹窗页面的关闭操作时,根据关联信息返回浏览的页面。
步骤508,当接收到对弹窗页面的分享或传播操作时,调用弹窗页面的子路由对应的URL进行分享或传播。
应该理解的是,虽然图1-5的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图1-5中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图6所示,提供了一种弹窗页面的展示装置,包括检测模块601、页面组件调用模块602和弹窗页面加载模块603,其中:
检测模块601,用于在浏览的页面中检测弹窗页面的触发操作,其中,浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,而弹窗页面则通过子路由指定路径;
页面组件调用模块602,用于当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件;
弹窗页面加载模块603,用于对页面组件进行渲染处理,加载并展示弹窗页面。
在一个实施例中,上述装置还包括页面缓存模块,用于将弹窗页面与浏览的页面进行关联,并存储关联信息;当接收到对弹窗页面的关闭操作时,根据关联信息返回浏览的页面。
在一个实施例中,页面缓存模块具体用于通过Vue缓存机制将弹窗页面以及加载弹窗页面时刻对应的最后浏览的页面进行关联;并根据关联信息从Vue缓存机制中读取加载弹窗页面时刻对应的最后浏览的页面。
在一个实施例中,关联信息包括弹窗页面的页面状态和最后浏览的页面的页面状态分别所对应的页面标签。
在一个实施例中,上述装置还包括分享传播模块,用于在加载并展示弹窗页面之后,接收对弹窗页面的分享或传播操作;根据分享或传播操作调用弹窗页面的子路由对应的URL;根据弹窗页面的子路由对应的URL分享或传播弹窗页面。
在一个实施例中,浏览的页面与弹窗页面是在Vue框架下,通过父子路由嵌套的方式进行设置的。
在一个实施例中,页面组件包括承载弹窗页面的框体、弹窗页面的显示逻辑以及弹窗页面待显示的内容。
关于弹窗页面的展示装置的具体限定可以参见上文中对于弹窗页面的展示方法的限定,在此不再赘述。上述弹窗页面的展示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图7所示。该计算机设备包括通过***总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种弹窗页面的展示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图7中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
在浏览的页面中检测弹窗页面的触发操作,其中,浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,弹窗页面通过子路由指定路径;
当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件;
对页面组件进行渲染处理,加载并展示弹窗页面。
在一个实施例中,在加载并展示弹窗页面之后,所述方法还包括:将弹窗页面与浏览的页面进行关联,并存储关联信息;当接收到对弹窗页面的关闭操作时,根据关联信息返回浏览的页面。
在一个实施例中,将弹窗页面与浏览的页面进行关联,包括:通过Vue缓存机制将弹窗页面以及加载弹窗页面时刻对应的最后浏览的页面进行关联;则根据关联信息返回浏览的页面,包括:根据关联信息从Vue缓存机制中读取加载弹窗页面时刻对应的最后浏览的页面。
在一个实施例中,关联信息包括弹窗页面的页面状态和最后浏览的页面的页面状态分别所对应的页面标签。
在一个实施例中,在加载并展示弹窗页面之后,所述方法还包括:接收对弹窗页面的分享或传播操作;根据分享或传播操作调用弹窗页面的子路由对应的URL;根据弹窗页面的子路由对应的URL分享或传播弹窗页面。
在一个实施例中,浏览的页面与弹窗页面是在Vue框架下,通过父子路由嵌套的方式进行设置的。
在一个实施例中,页面组件包括承载弹窗页面的框体、弹窗页面的显示逻辑以及弹窗页面待显示的内容。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
在浏览的页面中检测弹窗页面的触发操作,其中,浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,弹窗页面通过子路由指定路径;
当检测到触发操作时,根据弹窗页面的子路由指定的路径调用对应的页面组件;
对页面组件进行渲染处理,加载并展示弹窗页面。
在一个实施例中,在加载并展示弹窗页面之后,所述方法还包括:将弹窗页面与浏览的页面进行关联,并存储关联信息;当接收到对弹窗页面的关闭操作时,根据关联信息返回浏览的页面。
在一个实施例中,将弹窗页面与浏览的页面进行关联,包括:通过Vue缓存机制将弹窗页面以及加载弹窗页面时刻对应的最后浏览的页面进行关联;则根据关联信息返回浏览的页面,包括:根据关联信息从Vue缓存机制中读取加载弹窗页面时刻对应的最后浏览的页面。
在一个实施例中,关联信息包括弹窗页面的页面状态和最后浏览的页面的页面状态分别所对应的页面标签。
在一个实施例中,在加载并展示弹窗页面之后,所述方法还包括:接收对弹窗页面的分享或传播操作;根据分享或传播操作调用弹窗页面的子路由对应的URL;根据弹窗页面的子路由对应的URL分享或传播弹窗页面。
在一个实施例中,浏览的页面与弹窗页面是在Vue框架下,通过父子路由嵌套的方式进行设置的。
在一个实施例中,页面组件包括承载弹窗页面的框体、弹窗页面的显示逻辑以及弹窗页面待显示的内容。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种弹窗页面的展示方法,其特征在于,所述方法包括:
在浏览的页面中检测弹窗页面的触发操作,所述浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,所述弹窗页面通过子路由指定路径;
当检测到所述触发操作时,根据所述弹窗页面的子路由指定的路径调用对应的页面组件;
对所述页面组件进行渲染处理,加载并展示所述弹窗页面。
2.根据权利要求1所述的弹窗页面的展示方法,其特征在于,在加载并展示所述弹窗页面之后,所述方法还包括:
将所述弹窗页面与所述浏览的页面进行关联,并存储关联信息;
当接收到对所述弹窗页面的关闭操作时,根据所述关联信息返回所述浏览的页面。
3.根据权利要求2所述的弹窗页面的展示方法,其特征在于,所述将所述弹窗页面与所述浏览的页面进行关联,包括:通过Vue缓存机制将所述弹窗页面以及加载所述弹窗页面时刻对应的最后浏览的页面进行关联;所述根据所述关联信息返回所述浏览的页面,包括:
根据所述关联信息从所述Vue缓存机制中读取加载所述弹窗页面时刻对应的最后浏览的页面。
4.根据权利要求3所述的弹窗页面的展示方法,其特征在于,所述关联信息包括所述弹窗页面的页面状态和所述最后浏览的页面的页面状态分别所对应的页面标签。
5.根据权利要求1所述的弹窗页面的展示方法,其特征在于,所述加载并展示所述弹窗页面之后,所述方法还包括:
接收对所述弹窗页面的分享或传播操作;
根据所述分享或传播操作调用所述弹窗页面的子路由对应的URL;
根据所述弹窗页面的子路由对应的URL分享或传播所述弹窗页面。
6.根据权利要求1至5任一项所述的弹窗页面的展示方法,其特征在于,所述浏览的页面与弹窗页面是在Vue框架下,通过父子路由嵌套的方式进行设置的。
7.根据权利要求1至5任一项所述的弹窗页面的展示方法,其特征在于,所述页面组件包括承载所述弹窗页面的框体、所述弹窗页面的显示逻辑以及所述弹窗页面待显示的内容。
8.一种弹窗页面的展示装置,其特征在于,包括:
检测模块,用于在浏览的页面中检测弹窗页面的触发操作,所述浏览的页面与弹窗页面通过父子路由嵌套的方式进行设置,所述弹窗页面通过子路由指定路径;
页面组件调用模块,用于当检测到所述触发操作时,根据所述弹窗页面的子路由指定的路径调用对应的页面组件;
弹窗页面加载模块,用于对所述页面组件进行渲染处理,加载并展示所述弹窗页面。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910938360.9A CN112667326A (zh) | 2019-09-30 | 2019-09-30 | 弹窗页面的展示方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910938360.9A CN112667326A (zh) | 2019-09-30 | 2019-09-30 | 弹窗页面的展示方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112667326A true CN112667326A (zh) | 2021-04-16 |
Family
ID=75399630
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910938360.9A Pending CN112667326A (zh) | 2019-09-30 | 2019-09-30 | 弹窗页面的展示方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112667326A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113190776A (zh) * | 2021-05-11 | 2021-07-30 | 上海哔哩哔哩科技有限公司 | 弹窗展示方法与*** |
CN114168021A (zh) * | 2022-01-30 | 2022-03-11 | 浙江口碑网络技术有限公司 | 信息展示方法和装置 |
CN114356487A (zh) * | 2022-01-07 | 2022-04-15 | 京东科技控股股份有限公司 | 一种加载任务弹层的方法和装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2010061626A (ja) * | 2008-09-03 | 2010-03-18 | News Bit Kk | ホームページのページ番号による閲覧表示方法 |
CN102194003A (zh) * | 2011-05-26 | 2011-09-21 | 重庆猪八戒网络有限公司 | 一种网页弹窗方法及装置 |
US20180059887A1 (en) * | 2016-08-23 | 2018-03-01 | Microsoft Technology Licensing, Llc | Direct navigation to modal dialogs |
CN107808010A (zh) * | 2017-11-17 | 2018-03-16 | 北京锐安科技有限公司 | 一种弹窗页面生成方法、装置、浏览器及存储介质 |
CN108769157A (zh) * | 2018-05-16 | 2018-11-06 | 北京奇虎科技有限公司 | 消息弹窗的展示方法、装置、计算设备及计算机存储介质 |
CN109241469A (zh) * | 2018-09-13 | 2019-01-18 | 安徽智恒信科技有限公司 | 一种基于vue实现多页面切换的方法 |
-
2019
- 2019-09-30 CN CN201910938360.9A patent/CN112667326A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2010061626A (ja) * | 2008-09-03 | 2010-03-18 | News Bit Kk | ホームページのページ番号による閲覧表示方法 |
CN102194003A (zh) * | 2011-05-26 | 2011-09-21 | 重庆猪八戒网络有限公司 | 一种网页弹窗方法及装置 |
US20180059887A1 (en) * | 2016-08-23 | 2018-03-01 | Microsoft Technology Licensing, Llc | Direct navigation to modal dialogs |
CN107808010A (zh) * | 2017-11-17 | 2018-03-16 | 北京锐安科技有限公司 | 一种弹窗页面生成方法、装置、浏览器及存储介质 |
CN108769157A (zh) * | 2018-05-16 | 2018-11-06 | 北京奇虎科技有限公司 | 消息弹窗的展示方法、装置、计算设备及计算机存储介质 |
CN109241469A (zh) * | 2018-09-13 | 2019-01-18 | 安徽智恒信科技有限公司 | 一种基于vue实现多页面切换的方法 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113190776A (zh) * | 2021-05-11 | 2021-07-30 | 上海哔哩哔哩科技有限公司 | 弹窗展示方法与*** |
CN114356487A (zh) * | 2022-01-07 | 2022-04-15 | 京东科技控股股份有限公司 | 一种加载任务弹层的方法和装置 |
CN114168021A (zh) * | 2022-01-30 | 2022-03-11 | 浙江口碑网络技术有限公司 | 信息展示方法和装置 |
CN114168021B (zh) * | 2022-01-30 | 2022-06-21 | 浙江口碑网络技术有限公司 | 信息展示方法和装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9235315B2 (en) | Method and system to display a pop-up window when a user leaves a website | |
US20150370912A1 (en) | Method and system for displaying customized webpage on double webview | |
CN106294658B (zh) | 网页快速展示方法和装置 | |
CN112667326A (zh) | 弹窗页面的展示方法、装置、计算机设备和存储介质 | |
CN110659092B (zh) | 网页截图方法、装置、计算机设备和存储介质 | |
WO2020151333A1 (zh) | 页面加载方法、装置、计算机设备和存储介质 | |
US20060218500A1 (en) | System and method for pinning tabs in a tabbed browser | |
CN112114913B (zh) | 应用程序的界面更新方法、装置、计算机设备和存储介质 | |
EP2755145A1 (en) | Webpage browsing method and device, and storage medium | |
US9325717B1 (en) | Web-store restriction of external libraries | |
CN109960633A (zh) | 一种数据可视化埋点方法、存储介质及智能终端 | |
CN112612988A (zh) | 页面处理方法、装置、计算机设备及存储介质 | |
CN110780939B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
CN110119490A (zh) | 网页浏览方法、装置、计算机设备和存储介质 | |
CN108241689A (zh) | 页面资源获取方法、装置和客户端设备 | |
US20190073428A1 (en) | Method, system and terminal for performing search in a browser | |
US12020071B2 (en) | Resource pre-fetch using age threshold | |
CN112130729A (zh) | 页面处理方法、装置、计算机设备和存储介质 | |
CN109800370A (zh) | 网页页面的显示方法、装置、计算机设备及存储介质 | |
US11477158B2 (en) | Method and apparatus for advertisement anti-blocking | |
CN107943921B (zh) | 页面分享信息生成方法、装置、计算机设备和存储介质 | |
US20180059887A1 (en) | Direct navigation to modal dialogs | |
CN109740098B (zh) | 一种基于多页面窗口的应用处理方法及电子设备 | |
CN110083348B (zh) | 基于多进程浏览器的绘图方法、装置、设备和存储介质 | |
CN113961298A (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 |