CN114675915A - 页面展示方法、装置、计算设备及计算机存储介质 - Google Patents
页面展示方法、装置、计算设备及计算机存储介质 Download PDFInfo
- Publication number
- CN114675915A CN114675915A CN202210137874.6A CN202210137874A CN114675915A CN 114675915 A CN114675915 A CN 114675915A CN 202210137874 A CN202210137874 A CN 202210137874A CN 114675915 A CN114675915 A CN 114675915A
- Authority
- CN
- China
- Prior art keywords
- page
- display position
- page container
- display
- content
- 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 69
- 238000012545 processing Methods 0.000 claims description 36
- 238000004891 communication Methods 0.000 claims description 15
- 230000005856 abnormality Effects 0.000 claims description 10
- 230000000977 initiatory effect Effects 0.000 claims description 6
- 230000000694 effects Effects 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 7
- 230000002159 abnormal effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000007547 defect Effects 0.000 description 1
- 230000000593 degrading effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000011022 operating instruction Methods 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (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示出了本发明实施例提供的再一种页面展示方法的流程示意图;
图8示出了本发明实施例提供的一种页面展示装置的结构示意图;
图9示出了本发明实施例提供的一种计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本发明实施例的示例性实施例。虽然附图中显示了本发明实施例的示例性实施例,然而应当理解,可以以各种形式实现本发明实施例而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明实施例,并且能够将本发明实施例的范围完整的传达给本领域的技术人员。
发明人通过对现有技术分析发现,采用先加载默认的白色背景的页面容器,再请求获取展示位内容的方式,会在展示位内容显示前出现图1所示的用户可见的白屏现象(见图1中11部分)。尤其在网络状态不佳或网络故障时,该白屏现象会长时间存在,从而降低用户体验。
基于此,本发明实施例通过后续实施例的优化来解决在显示预设展示位过程中,在页面中出现用户可见的白屏现象的技术弊端。
图2示出了本发明实施例提供的一种页面展示方法的流程示意图。其中,本发明实施例所提供的页面展示方法的执行主体为用户终端的预设客户端。本发明实施例对用户终端的具体类型等不作限定。例如,用户终端可以为手机终端、电脑、阅读器、和/或智能可穿戴设备等等。
具体地,如图2所示,该方法包括如下步骤:
步骤S210,加载页面中预设展示位对应的处于隐藏状态的页面容器。
预设客户端为用户提供的某些页面中设置有预设展示位,该预设展示位可以用于为用户提供相应的附加服务。例如,在直播客户端中,预设展示位可以用于为用户提供运营活动、或者排行榜等附加服务。本发明实施例对预设展示位的具体类型及用途不作限定。
每个预设展示位具有相对应的页面容器,一个页面容器可以对应一个或多个预设展示位。该页面容器用于显示对应预设展示位的展示位内容。本发明实施例预先加载预设展示位对应的页面容器,该页面容器处于隐藏状态,从而页面容器对用户不可见。由此在未显示出展示位内容之前,用户在页面中无法看到该页面容器。
在一种可选的实施方式中,页面容器的加载可以在相应的时机下执行。具体地,响应于用户的预设触发操作,判断待显示页面中是否配置有预设展示位,若是,则加载该预设展示位对应的处于隐藏状态的页面容器。其中,本发明实施例对具体的触发方式不作限定。以直播客户端为例,在用户点击了进入直播间的按钮后,确定出待显示页面为直播间页面,通过该待显示页面的配置信息确定出该直播间页面配置有预设展示位A,则加载预设展示位A对应的处于隐藏状态的页面容器。
步骤S220,获取该预设展示位的展示位内容。
其中,客户端可以向服务端发起针对该预设展示位的展示位内容的获取请求,并获取服务端基于该获取请求发送的展示位内容;又或者,客户端从用户终端本地获取预设展示位的展示位内容。
其中,步骤S220可以与步骤S210顺序或者并发执行。优选地,在步骤S210与步骤S220并发执行时,可以提升展示位内容的显示效率,提升用户体验。
步骤S230,若展示位内容获取成功,则将页面容器由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容。
在监测到展示位内容获取成功后,在页面容器中展示获取到的展示位内容,并将页面容器由隐藏状态切换为显示状态,从而用户可以在页面中看到展示位内容。
以图3及图4为例:如图3所示,在加载预设展示位对应的处于隐藏状态的页面容器后,显示展示位内容之前,由于预设展示位对应的页面容器处于隐藏状态,从而用户在页面中并无法看到该页面容器,从而不会出现图1所示的白屏现象。在展示位内容获取成功后,页面由图3变更为图4,从而用户可以在页面区域41中看到展示位内容。
由此可见,本发明实施例加载页面中预设展示位对应的处于隐藏状态的页面容器;并获取预设展示位的展示位内容;若展示位内容获取成功,则将页面容器由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容。本发明实施例中的页面容器在加载后至成功获取到展示位内容之前,均处于隐藏状态,从而避免在页面中出现用户可见的白屏现象,由此提升预设展示位的展示效果,以及提升用户体验。
图5示出了本发明实施例提供的另一种页面展示方法的流程示意图。其中,本发明实施例所提供的页面展示方法的执行主体为用户终端的预设客户端。
具体地,如图5所示,该方法包括如下步骤:
步骤S510,加载页面中预设展示位对应的背景透明度大于或等于预设阈值的页面容器。
当页面容器的背景透明度大于或等于预设阈值时,页面容器的背景透明。其中,该预设阈值可以为100%或接近100%的数值。又由于加载的页面容器的前景中尚未包含任何内容,由此在加载页面容器后,至在页面容器前景中添加内容之前,页面容器对用户不可见,由此达到页面容器隐藏的效果。
步骤S520,从服务端获取预设展示位的展示位内容。
本发明实施例中,具体是采用网络获取的方式,从服务端获取展示位内容。
步骤S530,判断展示位内容是否获取成功;若是,则执行步骤S540;若否,则执行步骤S550。
步骤S540,将展示位内容展示于页面容器中,以将页面容器由隐藏状态切换为显示状态。
若展示位内容获取成功,则将展示位内容展示于页面容器中。具体地,在展示位内容填充至页面容器的前景后,页面容器展示出展示位内容,从而用户可以看到该展示位内容,则页面容器由隐藏状态自动切换为显示状态。
步骤S550,发起网络状态回调,并获取回调结果;若回调结果为失败,则执行步骤S560;若回调结果为成功;则执行步骤S570。
在展示位内容获取失败的情况下,为便于对展示位内容获取失败进行归因处理,本发明实施例进一步发起了网络状态回调,并获取对应的回调结果,以及根据回调结果的不同,采用相应的处理方式。
步骤S560,在页面容器中展示网络异常的提示信息,以将页面容器由隐藏状态切换为显示状态。
若回调结果为失败,则表明展示位内容获取失败是由当前网络因素引起的,则将页面容器由隐藏状态切换为显示状态,并在页面容器中展示网络异常的提示信息。具体在本实施例中,提示信息填充至页面容器的前景中,用户可以直观看到该提示信息,从而使页面容器由隐藏状态切换为显示状态。采用该种方式,一方面便于用户获知预设展示位加载失败的原因,另一方面便于用户根据提示改变网络状态,以便于后续展示位内容的成功获取。
步骤S570,保持页面容器为隐藏状态;和/或,生成相应的报错处理工单,并将报错处理工单发送至相应的处理端。
若回调结果为成功,则表明展示位内容获取失败不是由当前网络因素引起的,则可以对页面容器不作处理,从而保持该页面容器为隐藏状态。还可以生成相应的报错处理工单,并将报错处理工单发送至维护系统等用于故障处理的处理端,从而便于处理端及时地对当前客户端出现的故障进行处理。
由此可见,本发明实施例通过配置页面容器的背景透明度,使页面容器在展示展示位内容之前处于透明状态,避免出现用户可见的白屏现象;并且,本发明实施例在展示位内容加载失败的情况下进行网络状态回调,以便于对展示位内容加载失败进行归因处理。此外,本发明实施例在回调结果为失败的情况下,将页面容器由隐藏状态切换为显示状态,并在页面容器中展示网络异常的提示信息,以提示用户当前网络存在异常,一方面便于用户获知预设展示位加载失败的原因,另一方面便于用户根据提示改变网络状态,以便于后续展示位内容的成功获取。而且在回调结果为成功的情况下,确定出当前客户端存在故障,并保持页面容器的隐藏状态,以避免出现用户可见的白屏现象,还可以生成相应的报错处理工单,以便于处理端及时处理当前客户端存在的故障。
图6示出了本发明实施例提供的又一种页面展示方法的流程示意图。其中,本发明实施例所提供的页面展示方法的执行主体为用户终端的预设客户端。
具体地,如图6所示,该方法包括如下步骤:
步骤S610,加载页面中预设展示位对应的第一尺寸的页面容器;该第一尺寸小于或等于预设尺寸。
当页面容器的尺寸小于或等于预设尺寸时,用户视觉上并无法看到该页面容器,从而实现页面容器的隐藏。例如,在页面容器的尺寸为一个像素点时,用户肉眼无法从页面中分辨出页面容器,达到页面容器对用户不可见的效果。
步骤S620,从服务端获取预设展示位的展示位内容。
本发明实施例中,具体是采用网络获取的方式,从服务端获取展示位内容。
步骤S630,判断展示位内容是否获取成功;若是,则执行步骤S640;若否,则执行步骤S650。
步骤S640,将页面容器由第一尺寸切换为第二尺寸,以将页面容器由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容;其中,第二尺寸大于第一尺寸。
若展示位内容获取成功,将页面容器由第一尺寸切换为第二尺寸。该第二尺寸大于第一尺寸,并且第二尺寸为能够便于用户清楚看到展示位内容的尺寸。页面容器切换为第二尺寸,页面容器自动由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容,能够便于用户正常观看页面中的展示位内容。
步骤S650,发起网络状态回调,并获取回调结果;若回调结果为失败,则执行步骤S660;若回调结果为成功;则执行步骤S670。
步骤S660,将页面容器由第一尺寸切换为第二尺寸,以将页面容器由隐藏状态切换为显示状态,并在页面容器中展示网络异常的提示信息。
若回调结果为失败,则表明展示位内容获取失败是由当前网络因素引起的,则将页面容器由隐藏状态切换为显示状态,并在页面容器中展示网络异常的提示信息。具体在本实施例中,先将页面容器由第一尺寸切换为第二尺寸,从而将页面容器由隐藏状态切换为显示状态,并在第二尺寸的页面容器中展示该提示信息。
步骤S670,保持页面容器为隐藏状态;和/或,生成相应的报错处理工单,并将报错处理工单发送至相应的处理端。
本步骤的具体实施过程可参照步骤S570中的描述,在此不作赘述。
由此可见,本发明实施例通过配置页面容器的尺寸,使页面容器在展示相应内容之前为用户不可见的第一尺寸,从而避免出现用户可见的白屏现象;并且,本发明实施例在展示位内容加载失败的情况下进行网络状态回调,以便于对展示位内容加载失败进行归因处理。此外,本发明实施例在回调结果为失败的情况下,将页面容器由隐藏状态切换为显示状态,并在页面容器中展示网络异常的提示信息,以提示用户当前网络存在异常,一方面便于用户获知预设展示位加载失败的原因,另一方面便于用户根据提示改变网络状态,以便于后续展示位内容的成功获取。而且在回调结果为成功的情况下,确定出当前客户端存在故障,并保持页面容器的隐藏状态,以避免出现用户可见的白屏现象,还可以生成相应的报错处理工单,以便于处理端及时处理当前客户端存在的故障。
图7示出了本发明实施例提供的再一种页面展示方法的流程示意图。其中,本发明实施例所提供的页面展示方法具体可以由用户终端中的预设客户端执行。其中,该预设客户端可以为原生客户端(Native-App)、WEB客户端或混合客户端(Hybrid App)。
优选地,本发明实施例中的预设客户端为混合客户端。该预设客户端包括原生组件以及浏览器组件(具体为WEB组件)。其中,原生组件是利用用户终端的原生系统(如IOS系统或安卓系统等)而开发的组件,浏览器组件是指利用用户终端的浏览器而开发的组件。
具体地,如图7所示,该方法包括如下步骤:
步骤S710,原生组件加载页面中预设展示位对应的处于隐藏状态的页面容器。
由于原生组件是利用用户终端的原生系统开发的组件,由此该原生组件与用户终端的兼容性高,从而利用原生组件来加载页面容器能提升加载过程中的稳定性。
进一步地,本发明实施例中的页面容器具体为WebView容器,该页面容器可以作为一个view嵌入至基于原生组件生成的原生页面中。以直播产品为例,可以利用原生组件来生成直播页面,并在该直接页面中嵌入WebView容器。
步骤S720,浏览器组件向服务器发送展示位内容获取请求。
步骤S730,浏览器组件接收服务器反馈的展示位内容。
本发明实施例采用网络请求的方式,由浏览器组件从服务端获取展示位内容。其中,该浏览器组件具体可以为WEB组件中的H5组件,该展示位内容具体为预设展示位所对应的页面资源。
另外,由于本发明实施例中的页面容器为WebView容器,则该页面容器中的预设展示位页面具体为网络页面。由此本发明实施例中浏览器组件还进一步获取有该预设展示位对应的URL。通过获取该预设展示位对应的URL,还能够动态获取预设展示位的更新信息,从而在页面容器中动态变更展示的展示位内容。
步骤S740,浏览器组件在成功获取展示位内容之后,生成展示位内容获取成功的通知信息;或者,浏览器组件在未成功获取展示位内容之后,生成展示位内容获取失败的通知消息。
浏览器在预设时长内成功获取到该预设展示位对应的所有展示位内容后,生成展示位内容获取成功的通知信息,其中,浏览器组件在成功获取展示位内容之后,可以利用获取到的展示位内容进行页面渲染,以生成预设展示位页面。
浏览器组件在预设时长内加载展示位内容失败,或者在预设时长内未成功加载该预设展示位对应的所有展示位内容,则表明浏览器未成功获取展示位内容。则将生成的展示位内容获取失败的通知消息发送给原生组件。
步骤S750,浏览器组件将通知信息发送给原生组件。
在一种可选的实施方式中,浏览器组件具体是通过桥接(bridge)的方式将通知信息发送给原生组件。采用该种方式能够提升通知信息的传递效率,继而提高本方法的整体执行效率。
步骤S760,原生组件接收到浏览器组件传递的展示位内容获取成功的通知消息,将页面容器由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容;或者,原生组件接收到浏览器组件传递的展示位内容获取失败的通知消息,原生组件触发浏览器组件的网络状态回调。
原生组件接收到浏览器组件通过桥接方式传递的展示位内容获取成功的通知消息后,将页面容器由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容。具体地,该原生组件可以直接加载浏览器组件生成的预设展示位页面,以提升加载效率。
原生组件接收到浏览器组件通过桥接方式传递的展示位内容获取失败的通知消息后,又或者,原生组件在预设时长内未接收到浏览器组件传递的展示位内容获取成功的通知消息,则原生组件触发WebView的Webkit进行网络状态回调。
进一步地,原生组件接收浏览器组件传递的回调结果,若回调结果为失败,则将页面容器由隐藏状态切换为显示状态,并在页面容器中展示网络异常的提示信息;若回调结果为成功,则保持页面容器为隐藏状态和/或生成相应的报错处理工单,并将报错处理工单发送至相应的处理端。
由此可见,本发明实施例由原生组件来加载页面容器及显示展示位内容,从而能够提升页面容器加载的稳定性及提升展示位内容显示效果;并通过浏览器组件来获取展示位内容,能够实现展示位内容的跨平台跨网络获取,提高本实施例方法的应用范围。
图8示出了本发明实施例提供的一种页面展示装置的结构示意图。其中,本发明实施例提供的页面展示装置位于用户终端侧。
如图8所示,页面展示装置800包括:容器加载模块810、内容获取模块820以及展示模块830。
容器加载模块810,用于加载页面中预设展示位对应的处于隐藏状态的页面容器;
内容获取模块820,用于获取所述预设展示位的展示位内容;
展示模块830,用于若所述展示位内容获取成功,则将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容。
在一种可选的实施方式中,所述容器加载模块具体用于:加载预设展示位对应的背景透明度大于或等于预设阈值的页面容器;
所述展示模块具体用于:将所述展示位内容展示于所述页面容器中,以将所述页面容器由隐藏状态切换为显示状态。
在一种可选的实施方式中,所述容器加载模块具体用于:加载预设展示位对应的第一尺寸的页面容器;所述第一尺寸小于或等于预设尺寸;
所述展示模块具体用于:将所述页面容器由第一尺寸切换为第二尺寸,以将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容;其中,所述第二尺寸大于所述第一尺寸。
在一种可选的实施方式中,所述装置还包括:回调模块,用于若所述展示位内容获取失败,则发起网络状态回调,并获取回调结果。
在一种可选的实施方式中,所述展示装置还用于:若所述回调结果为失败,则将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示网络异常的提示信息。
在一种可选的实施方式中,所述装置还包括:故障处理模块,用于若所述回调结果为成功,则保持所述页面容器为隐藏状态;和/或,若所述回调结果为成功,则生成相应的报错处理工单,并将所述报错处理工单发送至对应的处理端。
在一种可选的实施方式中,所述容器加载模块和/或所述展示模块位于原生组件中;所述内容获取模块位于浏览器组件中。
其中,本装置中各模块的具体实施过程可参照其他方法实施例中的描述,在此不作赘述。
由此可见,本发明实施例加载页面中预设展示位对应的处于隐藏状态的页面容器;并且获取预设展示位的展示位内容;在展示位内容获取成功的情况下,将页面容器由隐藏状态切换为显示状态,并在页面容器中展示获取到的展示位内容。能够避免在页面的预设展示位区域出现用户可见的白屏现象,由此提升预设展示位的展示效果,以及提升用户体验。
本发明实施例提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的方法。
图9示出了本发明实施例提供的一种计算设备的结构示意图。本发明实施例具体实施例并不对计算设备的具体实现做限定。
如图9所示,该计算设备可以包括:处理器(processor)902、通信接口(Communications Interface)904、存储器(memory)906、以及通信总线908。
其中:处理器902、通信接口904、以及存储器906通过通信总线908完成相互间的通信。通信接口904,用于与其它设备比如客户端或其它服务器等的网元通信。处理器902,用于执行程序910,具体可以执行上述用于页面展示方法实施例中的相关步骤。
具体地,程序910可以包括程序代码,该程序代码包括计算机操作指令。
处理器902可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。计算设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器906,用于存放程序910。存储器606可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。程序910具体可以用于使得处理器902执行上述任一方法实施例中的方法。
在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明实施例也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明实施例的内容,并且上面对特定语言所做的描述是为了披露本发明实施例的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明实施例的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本发明实施例并帮助理解各个发明方面中的一个或多个,在上面对本发明实施例的示例性实施例的描述中,本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明实施例要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明实施例的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明实施例的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明实施例的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一些或者全部部件的一些或者全部功能。本发明实施例还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明实施例的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明实施例进行说明而不是对本发明实施例进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明实施例可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤,除有特殊说明外,不应理解为对执行顺序的限定。
Claims (10)
1.一种页面展示方法,其特征在于,包括:
加载页面中预设展示位对应的处于隐藏状态的页面容器;
获取所述预设展示位的展示位内容;
若所述展示位内容获取成功,则将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容。
2.根据权利要求1所述的方法,其特征在于,所述加载页面中预设展示位对应的处于隐藏状态的页面容器具体包括:加载预设展示位对应的背景透明度大于或等于预设阈值的页面容器;
则所述将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容具体包括:将所述展示位内容展示于所述页面容器中,以将所述页面容器由隐藏状态切换为显示状态。
3.根据权利要求1所述的方法,其特征在于,所述加载页面中预设展示位对应的处于隐藏状态的页面容器具体包括:加载预设展示位对应的第一尺寸的页面容器;所述第一尺寸小于或等于预设尺寸;
则所述将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容具体包括:将所述页面容器由第一尺寸切换为第二尺寸,以将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容;其中,所述第二尺寸大于所述第一尺寸。
4.根据权利要求1-3中任一项所述的方法,其特征在于,在所述获取所述预设展示位的展示位内容之后,所述方法还包括:
若所述展示位内容获取失败,则发起网络状态回调,并获取回调结果。
5.根据权利要求4所述的方法,其特征在于,在所述获取回调结果之后,所述方法还包括:
若所述回调结果为失败,则将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示网络异常的提示信息。
6.根据权利要求4所述的方法,其特征在于,在所述获取回调结果之后,所述方法还包括:
若所述回调结果为成功,则保持所述页面容器为隐藏状态;
和/或,若所述回调结果为成功,则生成相应的报错处理工单,并将所述报错处理工单发送至对应的处理端。
7.根据权利要求1-6中任一项所述的方法,其特征在于,所述加载页面中预设展示位对应的处于隐藏状态的页面容器具体包括:原生组件加载预设展示位对应的处于隐藏状态的页面容器;
所述获取所述预设展示位的展示位内容具体包括:浏览器组件获取所述预设展示位的展示位内容;
所述若所述展示位内容获取成功,则将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容具体包括:若所述原生组件接收到所述浏览器组件通过桥接方式传递的所述展示位内容获取成功的通知消息,则所述原生组件将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容。
8.一种页面展示装置,其特征在于,包括:
容器加载模块,用于加载页面中预设展示位对应的处于隐藏状态的页面容器;
内容获取模块,用于获取所述预设展示位的展示位内容;
展示模块,用于若所述展示位内容获取成功,则将所述页面容器由隐藏状态切换为显示状态,并在所述页面容器中展示获取到的展示位内容。
9.一种计算设备,其特征在于,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-7中任一项所述的页面展示方法对应的操作。
10.一种计算机存储介质,其特征在于,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-7中任一项所述的页面展示方法对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210137874.6A CN114675915A (zh) | 2022-02-15 | 2022-02-15 | 页面展示方法、装置、计算设备及计算机存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210137874.6A CN114675915A (zh) | 2022-02-15 | 2022-02-15 | 页面展示方法、装置、计算设备及计算机存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114675915A true CN114675915A (zh) | 2022-06-28 |
Family
ID=82072544
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210137874.6A Pending CN114675915A (zh) | 2022-02-15 | 2022-02-15 | 页面展示方法、装置、计算设备及计算机存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114675915A (zh) |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103336687A (zh) * | 2013-06-17 | 2013-10-02 | 深圳市金立通信设备有限公司 | 一种应用界面的切换方法及终端 |
US20150220232A1 (en) * | 2011-11-15 | 2015-08-06 | Google Inc. | System and method for content size adjustment |
US20170293405A1 (en) * | 2016-04-12 | 2017-10-12 | International Business Machines Corporation | Managing node pagination for a graph data set |
US20180210741A1 (en) * | 2016-01-12 | 2018-07-26 | Tencent Technology (Shenzhen) Company Limited | Media information processing method, mobile terminal, and storage medium |
CN109753617A (zh) * | 2019-01-14 | 2019-05-14 | 广州虎牙信息科技有限公司 | 一种页面显示方法、设备和存储介质 |
CN111176765A (zh) * | 2019-12-13 | 2020-05-19 | 深圳市麦谷科技有限公司 | 基于视图容器组件的显示方法与系统、封装方法 |
CN111339458A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 页面呈现方法和装置 |
CN111723314A (zh) * | 2019-03-18 | 2020-09-29 | 腾讯科技(深圳)有限公司 | 网页展示方法、装置、电子设备及计算机可读存储介质 |
CN112364275A (zh) * | 2020-11-10 | 2021-02-12 | 平安普惠企业管理有限公司 | 页面加载方法、装置、设备及存储介质 |
CN112801684A (zh) * | 2019-11-14 | 2021-05-14 | 腾讯科技(深圳)有限公司 | 广告的播放方法及装置 |
CN113573081A (zh) * | 2021-07-16 | 2021-10-29 | 杭州时趣信息技术有限公司 | 直播间的玩法功能管理方法、系统、电子设备及存储介质 |
CN113721909A (zh) * | 2020-05-26 | 2021-11-30 | 北京金山云网络技术有限公司 | 一种元素缩放监控方法、装置及电子设备 |
-
2022
- 2022-02-15 CN CN202210137874.6A patent/CN114675915A/zh active Pending
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150220232A1 (en) * | 2011-11-15 | 2015-08-06 | Google Inc. | System and method for content size adjustment |
CN103336687A (zh) * | 2013-06-17 | 2013-10-02 | 深圳市金立通信设备有限公司 | 一种应用界面的切换方法及终端 |
US20180210741A1 (en) * | 2016-01-12 | 2018-07-26 | Tencent Technology (Shenzhen) Company Limited | Media information processing method, mobile terminal, and storage medium |
US20170293405A1 (en) * | 2016-04-12 | 2017-10-12 | International Business Machines Corporation | Managing node pagination for a graph data set |
CN111339458A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 页面呈现方法和装置 |
CN109753617A (zh) * | 2019-01-14 | 2019-05-14 | 广州虎牙信息科技有限公司 | 一种页面显示方法、设备和存储介质 |
CN111723314A (zh) * | 2019-03-18 | 2020-09-29 | 腾讯科技(深圳)有限公司 | 网页展示方法、装置、电子设备及计算机可读存储介质 |
CN112801684A (zh) * | 2019-11-14 | 2021-05-14 | 腾讯科技(深圳)有限公司 | 广告的播放方法及装置 |
CN111176765A (zh) * | 2019-12-13 | 2020-05-19 | 深圳市麦谷科技有限公司 | 基于视图容器组件的显示方法与系统、封装方法 |
CN113721909A (zh) * | 2020-05-26 | 2021-11-30 | 北京金山云网络技术有限公司 | 一种元素缩放监控方法、装置及电子设备 |
CN112364275A (zh) * | 2020-11-10 | 2021-02-12 | 平安普惠企业管理有限公司 | 页面加载方法、装置、设备及存储介质 |
CN113573081A (zh) * | 2021-07-16 | 2021-10-29 | 杭州时趣信息技术有限公司 | 直播间的玩法功能管理方法、系统、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20170163753A1 (en) | Method and apparatus for controlling play device to play video | |
CN112770188B (zh) | 一种视频播放方法及装置 | |
US11890540B2 (en) | User interface processing method and device | |
US8689099B1 (en) | Cross-domain communication | |
CN107015801B (zh) | 一种网页展示方法及应用终端 | |
US10163048B2 (en) | Method and device for page synchronization | |
CN106375866B (zh) | 一种加载页面方法及终端 | |
US20160335370A1 (en) | Data processing method and apparatus | |
CN113242308B (zh) | 一种信息推送方法、装置、设备及存储介质 | |
CN112486620A (zh) | 跨进程离屏渲染方法、装置、电子设备及存储介质 | |
CN106919690B (zh) | 一种信息的屏蔽方法、装置及电子设备 | |
CN106649581B (zh) | 一种网页的修复方法以及客户端 | |
CN114385124A (zh) | 基于Vue框架的独立页面的跳转方法、装置及设备 | |
CN113038050B (zh) | 分屏显示控制方法、装置、终端设备及存储介质 | |
CN113094612A (zh) | 客户端加载网页的方法、装置、电子设备及介质 | |
CN114675915A (zh) | 页面展示方法、装置、计算设备及计算机存储介质 | |
CN111984888B (zh) | 页面渲染方法、装置、电子设备及计算机可读介质 | |
CN108415746B (zh) | 应用界面的显示方法、装置、存储介质及电子设备 | |
CN110674435A (zh) | 页面访问方法、服务器、终端、电子设备及可读存储介质 | |
CN110708386A (zh) | 页面显示方法、终端设备和服务器 | |
CN113162998B (zh) | 一种智能交互通信方法及通信系统 | |
CN110874446A (zh) | 页面展示方法及其系统、计算机系统及计算机可读介质 | |
CN111475240B (zh) | 数据处理方法及系统 | |
CN114063958A (zh) | 页面分屏显示方法及装置 | |
US9690783B2 (en) | Image conversion and method for converting text in an image into a targeted language |
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 |