CN114117277A - 一种网页视图显示控制方法、装置、设备及存储介质 - Google Patents

一种网页视图显示控制方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN114117277A
CN114117277A CN202111422196.XA CN202111422196A CN114117277A CN 114117277 A CN114117277 A CN 114117277A CN 202111422196 A CN202111422196 A CN 202111422196A CN 114117277 A CN114117277 A CN 114117277A
Authority
CN
China
Prior art keywords
webpage
web page
content
container
address
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
Application number
CN202111422196.XA
Other languages
English (en)
Inventor
李帅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
You Peninsula Beijing Information Technology Co ltd
Original Assignee
You Peninsula Beijing Information Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by You Peninsula Beijing Information Technology Co ltd filed Critical You Peninsula Beijing Information Technology Co ltd
Priority to CN202111422196.XA priority Critical patent/CN114117277A/zh
Publication of CN114117277A publication Critical patent/CN114117277A/zh
Pending legal-status Critical Current

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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • 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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • 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/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/547—Remote procedure calls [RPC]; Web services
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2209/00—Indexing scheme relating to G06F9/00
    • G06F2209/54—Indexing scheme relating to G06F9/54
    • G06F2209/541—Client-server
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2209/00—Indexing scheme relating to G06F9/00
    • G06F2209/54—Indexing scheme relating to G06F9/54
    • G06F2209/545—Gui
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2209/00—Indexing scheme relating to G06F9/00
    • G06F2209/54—Indexing scheme relating to G06F9/54
    • G06F2209/549—Remote execution

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请实施例公开了一种网页视图显示控制方法、装置、设备及存储介质。本申请实施例提供的技术方案通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，减少对客户端内存资源的占用，保证客户端正常运行。

Description

一种网页视图显示控制方法、装置、设备及存储介质
技术领域
本申请实施例涉及计算机技术领域，尤其涉及一种网页视图显示控制方法、装置、设备及存储介质。
背景技术
目前，在一个页面中展示高动态需求的信息时，一般会通过容器网页(WebView，网页视图，是移动端应用系统内置的网页浏览容器)的方式进行。例如，在客户端中创建多个容器网页图，每个容器网页根据配置的网页地址获取对应的网页内容进行处理并渲染展示。
但是容器网页需要占用客户端较多的内存资源，在客户端上存在多个容器网页时，容易造成客户端内存资源占用过多导致设备工作异常的情况。
发明内容
本申请实施例提供一种网页视图显示控制方法、装置、设备及存储介质，以现有技术中在客户端上存在多个容器网页时，容易造成客户端内存资源占用过多导致设备工作异常的技术问题，将不同容器网页对网页内容的处理转移到网页服务端，在客户端运行一个容器网页即可，减少容器网页对客户端的内存占用，保证客户端正常运行。
在第一方面，本申请实施例提供了一种应用于网页服务端的网页视图显示控制方法，包括：
根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容；
通过第一容器网页对所述网页内容进行处理，得到网页展示内容；
将所述网页展示内容保存到设定的展示内容地址，以供所述客户端基于所述展示内容地址获取所述网页展示内容，用于通过所述客户端的视图控件显示所述网页展示内容。
在第二方面，本申请实施例提供了一种应用于网页服务端的网页视图显示控制装置，包括内容获取模块、内容处理模块和内容保存模块，其中：
所述内容获取模块，用于根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容；
所述内容处理模块，用于通过第一容器网页对所述网页内容进行处理，得到网页展示内容；
所述内容保存模块，用于将所述网页展示内容保存到设定的展示内容地址，以供所述客户端基于所述展示内容地址获取所述网页展示内容，并通过所述客户端的视图控件显示所述网页展示内容。
在第三方面，本申请实施例提供了一种应用于客户端的网页视图显示控制方法，包括：
获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页；
向网页服务端发送所述活动网页地址，以供所述网页服务端根据所述活动网页地址获取网页内容，通过第一容器网页对所述网页内容进行处理得到网页展示内容，并将所述网页展示内容保存到设定的展示内容地址；
基于所述展示内容地址获取所述网页展示内容，并通过所述客户端的视图控件显示所述网页展示内容。
在第四方面，本申请实施例提供了一种应用于客户端的网页视图显示控制装置，包括网页加载模块、内容请求模块和内容展示模块，其中：
所述网页加载模块，用于获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页；
所述内容请求模块，用于向网页服务端发送所述活动网页地址，以供所述网页服务端根据所述活动网页地址获取网页内容，通过第一容器网页对所述网页内容进行处理得到网页展示内容，并将所述网页展示内容保存到设定的展示内容地址；
所述内容展示模块，用于基于所述展示内容地址获取所述网页展示内容，并通过所述客户端的视图控件显示所述网页展示内容。
在第五方面，本申请实施例提供了一种网页视图显示控制设备，包括：存储器以及一个或多个处理器；
所述存储器，用于存储一个或多个程序；
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面所述的网页视图显示控制方法。
在第六方面，本申请实施例提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如第一方面所述的网页视图显示控制方法。
本申请实施例通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在客户端的视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，也不需要针对不同的活动网页地址的网页内容单独开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。
附图说明
图1是本申请实施例提供的一种应用于网页服务端的网页视图显示控制方法的流程图；
图2是本申请实施例提供的另一种应用于网页服务端的网页视图显示控制方法的流程图；
图3是本申请实施例提供的一种应用于客户端的网页视图显示控制方法的流程图；
图4是本申请实施例提供的一种应用于网页服务端的网页视图显示控制装置的结构示意图；
图5是本申请实施例提供的一种应用于客户端的网页视图显示控制装置的结构示意图；
图6是本申请实施例提供的一种网页视图显示控制设备的结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚，下面结合附图对本申请具体实施例作进一步的详细描述。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
图1给出了本申请实施例提供的一种应用于网页服务端的网页视图显示控制方法的流程图，本申请实施例提供的网页视图显示控制方法可以由网页视图显示控制装置来执行，该网页视图显示控制装置可以通过硬件和/或软件的方式实现，并集成在网页视图显示控制设备(例如网页服务端)中。
在现有技术中，通常使用容器网页来显示高动态需求的信息，例如在直播场景中，有显示活动运营、榜单等高动态信息的需求，由于不同信息在属性和类别上的不同，一般会在客户端上创建多个展示窗口，每个展示窗口对应一个容器网页。一般的，在网页服务端上开发好需要展示的活动内容后，将活动内容对应的活动网页地址(URL)发送到活动后台(例如C++后台)，客户端向活动后台请求配置展示窗口，活动后台将向客户端下发活动网页地址，客户端将根据活动网页地址创建对应的容器网页，每个容器网页根据活动网页地址获取对应的活动内容，并对活动内容进行处理及展示内容的渲染，每个容器网页显示对应的展示内容，不同的容器网页展示在不同的位置，对展示内容进行轮播或动态更新。由于客户端需要为每一个容器网页分配一条单独的进程，每条进程都需要占用移动的内存和CPU资源，这些容器网页的存在或降低客户端主应用的可支配系统资源，同时还会增大主应用被系统强制退出的概率。本方案将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，并且只通过一个第二容器网页与网页服务端作为通讯媒介即可，不需要针对不同的活动网页地址的网页内容开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。
下述以集成在网页服务端中的网页视图显示控制装置执行网页视图显示控制方法为例进行描述。参考图1，该网页视图显示控制方法包括：
S101：根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容。
本申请实施例在网页服务端上配置有第一容器网页，在客户端上配置有第二容器网页，其中第一容器网页与第二容器网页可以是相同的容器网页，第一容器网页与第二容器网页之间可基于设定协议(例如JavaScript协议)进行原生交互，减少对容器网页的开发工作量。
客户端在需要降级网页服务时(例如客户端在检测到系统内存可使用资源紧张而生成内存告警信息，或者是检测到内存、CPU等硬件资源紧张时，需要对网页服务进行降级，以降低对内存资源的占用)，通过第二网页容器向网页服务端的第一容器网页发送活动网页地址，以通知网页服务端获取网页内容进行处理并渲染网页展示内容。第一容器网页在接收到第二网页容器提供的活动网页地址后，通过活动网页地址获取网页内容。其中，网页内容可以是静态图片、动态图片、视频、文本、实时动态数据等内容，其根据信息展示的需要进行设置，本实施例不做限定。其中客户端可以是基于IOS或安卓系统的移动设备，例如手机、平板电脑等，并且在客户端上安装有需要开启容器页面进行信息展示的应用，例如直播软件，客户端在打开直播间时，向活动后台要求活动网页地址和展示内容地址，并加载配置好的第二容器网页。
其中活动网页地址可以是一个或多个，根据客户端需要展示的内容进行确定。例如，客户端接收到4个网页地址，其中包括3个活动网页地址和1和展示内容地址，客户端需要在其交互界面(第二容器页面对应的第二容器页面)上显示这3个活动网页地址对应的网页内容，但是客户端的内存资源紧张或已经生成内存告警信息时，客户端需要降级网页服务，则通过第二网页容器向网页服务端中的第一网页容器发送这3个活动网页地址，请求网页服务端提供降级网页服务，网页服务端将(通过第一网页容器)加载这3个活动网页地址对应的网页内容，以进行下一步的网页内容处理以及网页展示内容的渲染。
S102：通过第一容器网页对网页内容进行处理，得到网页展示内容。
示例性的，在获取各个活动网页地址对应的网页内容后，通过在网页服务端上运行的第一容器网页对网页内容进行处理并渲染得到网页展示内容。该网页展示内容记录有对不同网页内容进行处理及渲染后的子网页内容，即将对不用网页内容进行处理及渲染后的子网页内容整合到一个网页展示内容中。
其中，第一容器网页对网页内容进行处理及渲染的运行逻辑与原先需要在客户端上对网页内容进行处理及渲染的运行逻辑一致，客户端对网页展示内容的展示效果与原先在客户端本地对网页内容进行处理及渲染的显示效果一致。
S103：将网页展示内容保存到设定的展示内容地址，以供客户端基于展示内容地址获取网页展示内容，用于通过客户端的视图控件显示网页展示内容。
示例性的，在第一容器网页生成网页展示内容后，将网页展示内容保存到设定的展示内容地址中。同时，网页服务端上运行的第一容器网页与客户端上运行的第二容器网页交互，通知第二容器网页基于设定的展示内容地址获取网页展示内容。客户端在接收到网页服务端的通知后，从展示内容地址中获取网页展示内容，并通过客户端上的视图控件显示网页展示内容。其中，第二容器网页与视图控件基于设定协议进行通讯，例如基于JavaScript协议与视图控件进行JS原生通讯，其中视图中间可以是在客户端上配置的原生视图控件，或者是以定制显示相关性能优化第三方视图控件。
在一个实施例中，网页服务端在将网页展示内容保存到设定的展示内容地址之后，第一容器网页根据设定的交互协议保持与客户端上的第二容器网页交互，向第二容器网页传递网页展示内容的更新信息，在网页内容更新或按照设定更新时间间隔更新网页展示内容，并根据设定的交互协议向第二容器网页发送网页展示内容的更新信息，客户端通过第二容器网页接收到更新信息时，基于设定的展示内容地址获取新的网页展示内容，并控制视图控件对当前显示的网页展示内容进行更新。基于此，本方案提供的网页视图显示控制方法还包括：
S104：基于网页内容的更新和/或设定的更新时间间隔，更新网页展示内容。
S105：通知客户端更新网页展示内容。
具体的，第一容器网页基于JavaScript协议与第二容器网页原生交互，并在网页展示内容发生更新时，向第二容器网页发送更新信息，通知客户端对在视图控件上显示的网页展示内容进行更新。第二容器网页接收到更新信息时，通知视图控件基于设定的展示内容地址获取新的网页展示内容，并对当前显示的网页展示内容进行更新。
其中，第一容器网页对网页展示内容的更新可以是基于网页内容的更新和/或设定的更新时间间隔进行。例如，第一容器网页对各个活动网页地址对应的网页内容进行检测，在检测到网页内容发生更新时，对更新后的网页内容进行处理及渲染，得到新的网页展示内容；或者是第一容器网页按照设定的更新时间间隔从各个活动网页地址获取网页内容，并对网页内容进行处理及渲染，得到新的网页展示内容。通过在网页服务端进行网页展示内容的更新，减低客户端对网页展示内容更新的内存资源需求。
在一个实施例中，第一容器网页对网页展示内容的更新方式可以是全量更新或局部更新，对应的，第二容器网页对网页展示内容的更新方式也包括全量更新或局部更新，第一容器网页发出的更新信息中包含有对全量更新或局部更新的指示，第二容器网页根据更新信息的指示通知视图控件进行网页展示内容的获取与更新。可以理解的是，全量更新是指在更新网页展示内容时，根据所有活动网页地址对应的网页内容进行新的网页展示内容的渲染，局部更新可以是针对发生变化的网页内容进行新的网页展示内容的渲染。
上述，通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，也不需要针对不同的活动网页地址的网页内容单独开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。
在上述实施例的基础上，图2给出了本申请实施例提供的另一种应用于网页服务端的网页视图显示控制方法的流程图，该网页视图显示控制方法是对上述网页视图显示控制方法的具体化。参考图2，该网页视图显示控制方法包括：
S201：加载配置的第一容器网页。
S202：通过第一容器网页接收在客户端上运行的第二容器网页发送的活动网页地址，第一容器网页与第二容器网页基于预设协议进行通讯。
其中，本实施例中客户端的活动网页地址和展示内容地址由活动后台提供，并且活动后台的活动网页地址和展示内容地址由网页服务端提供。具体的，在网页服务端中开发配置第一容器网页以及网页内容，对网页内容进行保存，网页服务端对网页内容进行更新管理，并且不同的网页内容保存在不同的活动网页地址对应的存储位置。进一步的，确定用于保存网页展示内容的存储位置对应展示内容地址，并将活动网页地址和展示内容地址发送给活动后台。其中网页内容和网页展示内容对应的存储位置可以是在网页服务端，还可以是在其他数据库中。
进一步的，客户端在需要配置窗口显示信息时，向活动后台发起配置请求，活动后台将响应于配置请求向客户端下发活动网页地址和展示内容地址。客户端在内存资源足够时，客户端直接加载配置的第二容器网页，并根据活动网页地址加载容器子网页，不同容器子网页对应第二容器网页的第二容器视图中的不同位置，每个容器子网页根据其对应的活动网页地址获取网页内容，并按照配置的处理及渲染逻辑分别对网页内容进行处理及渲染得到子网页内容，并各自根据对应的网页内容进行子网页内容的更新。而在客户端接收到展示内容地址，并且其内存资源紧张时，客户端加载配置的第二容器网页，第二容器网页基于JavaScript协议与第一容器网页交互，并向第一容器发送携带活动网页地址的内容展示请求。
S203：根据活动网页地址，在第一容器网页中加载容器子网页，容器子网页与活动网页地址一一对应。
在接收到的第二容器网页发出的内容展示请求后，确定内容展示请求所携带的活动网页地址，并根据活动网页地址在第一容器网页中加载容器子网页，并且容器子网页与活动网页地址一一对应，例如内容展示请求携带有3个活动网页地址，则分别加载3个容器子网页。其中容器子网页在第一容器网页的第一容器页面中的位置可根据内容展示请求进行确定，还可以是根据对应活动内容的指示(例如活动内容记录有其所需要显示的位置)进行确定。
S204：根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容。
S205：根据运行在第一容器网页中的容器子网页与活动网页地址的对应关系，将网页内容添加到对应的容器子网页中。
具体的，获取各个活动网页地址对应的网页内容，并根据第一容器网页中各个容器子网页与活动网页地址的对应关系，将各个活动内容添加到对应的容器子网页中。其中，网页内容的获取可以是由第一容器网页根据各个活动网页地址进行，还可以是各个容器子网页根据对应的活动网页地址进行。
S206：通过容器子网页中对网页内容进行处理得到子网页内容。
S207：根据多个子网页内容生成在第一容器网页上的网页展示内容。
具体的，各个容器子网页在接收到网页内容后，根据配置的处理及渲染逻辑对网页内容进行处理，得到子网页内容，并将子网页内容提交给第一容器网页。第一容器网页根据各个容器子网页渲染出的子网页内容生成在第一容器网页上的网页展示内容，并且不同的子网页内容对应网页展示内容上的不同位置。
S208：将网页展示内容保存到设定的展示内容地址，以供客户端基于展示内容地址获取网页展示内容，用于通过客户端的视图控件显示网页展示内容。
本实施例提供的视图控件具体的原生视图控件，在本实施例中，客户端只需要加载并维持一个用于活动内容的下发和交互的第二容器网页，并且在客户端中配置有与第二容器网页基于JavaScript协议原生通讯的原生视图控件，该原生视图控件负责对网页展示内容的显示和刷新，第二容器网页基于展示内容地址获取网页展示内容后，将网页展示内容传递给原生视图控件，由原生视图控件在第二容器网页对应的第二容器页面上显示网页展示内容即可，对网页内容的处理和渲染逻辑在网页服务端中进行，客户端不需要涉及网页内容的处理与渲染逻辑，单个第二容器网页只需配置一条单独的线程，仅占用较少的内存资源，并充分利用了视图控件的优秀图形处理性能，可有效提升应用稳定性，降低应用被系统强制退出概率，尤其是对于内存、CPU等硬件资源紧张的低端用户设备和收到内存警告的用户设备，减少了对内存资源的占用，保证应用正常运行。
在一个可能的实施例中，第一容器网页基于设定协议与第二容器网页交互，并向第二容器网页传递网页展示内容的更新信息。基于此，本方案提供的网页视图显示控制方法还包括：
S209：基于网页内容的更新和/或设定的更新时间间隔，通过第一容器网页更新网页展示内容。
S210：通过第一容器网页通知第二容器网页更新网页展示内容。
具体的，第一容器网页基于JavaScript协议与第二容器网页原生交互，并在网页展示内容发生更新时，向第二容器网页发送更新信息，通知第二容器网页对在视图控件上显示的网页展示内容进行更新。第二容器网页接收到更新信息时，基于设定的展示内容地址获取新的网页展示内容，并通知视图控件对当前显示的网页展示内容进行更新。
其中，第一容器网页对网页展示内容的更新可以是基于网页内容的更新和/或设定的更新时间间隔进行。例如，第一容器网页对各个活动网页地址对应的网页内容进行检测，在检测到网页内容发生更新时，通知容器子网页对更新后的网页内容进行处理及渲染得到新的子网页内容，并基于新的子网页内容得到新的网页展示内容，还可以是由容器子网页在网页内容或子网页内容更新，或者是到达设定的运行关键节点时，通知第一容器网页获取新的子网页内容，并基于新的子网页内容得到新的网页展示内容；或者是第一容器网页按照设定的更新时间间隔从各个活动网页地址获取网页内容，并由各个容器子网页对网页内容进行处理及渲染得到新的子网页内容，并基于新的子网页内容得到新的网页展示内容。
上述，通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，也不需要针对不同的活动网页地址的网页内容单独开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。同时，根据接收到的活动网页地址在第一容器网页上加载对应的容器子网页，由容器子网页分别根据对应的网页内容进行处理及渲染得到子网页内容，并根据多个子网页内容生成网页展示内容，页面展示内容在客户端上的展示效果与在客户端上进行网页内容的处理及渲染得到的网页展示内容的展示效果一致，用户对后台处理的变化无感知且保持一致的显示效果，保证用户体验，并且客户端中的第二容器网页只需要加载交互相关逻辑即可，网页内容的加载和渲染在网页服务端中进行，第二容器网页只需要较少的内存占用，同时第二容器上网页展示内容的显示可由客户端原生视图控件原生实现，不涉及网页的渲染，可应用原生高效、已定制优化的视图控件的展示能力，单个第二容器网页仅占用较少的内存和CPU资源的同时，充分利用了原生视图控件的优秀显示性能，可有效提升应用稳定性，降低应用被系统强制退出概率，同时线上活动网页的后续迭代无需兼容开发，应用适配性更强。同时，第一容器网页基于JavaScript协议与第二容器网页原生交互，向第二容器网页传递网页展示内容的更新，保证网页展示内容的高动态展示需求。
图3给出了本申请实施例提供的一种应用于客户端的网页视图显示控制方法的流程图，本申请实施例提供的网页视图显示控制方法可以由网页视图显示控制装置来执行，该网页视图显示控制装置可以通过硬件和/或软件的方式实现，并集成在网页视图显示控制设备(例如客户端)中。
下述以集成在客户端中的网页视图显示控制装置执行网页视图显示控制方法为例进行描述。参考图3，该网页视图显示控制方法包括：
S301：获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页。
其中，本实施例中客户端的活动网页地址和展示内容地址由活动后台提供，活动后台的活动网页地址和展示内容地址由网页服务端提供。具体的，在网页服务端中开发配置第一容器网页以及网页内容，对网页内容进行保存，网页服务端对网页内容进行更新管理，并且不同的网页内容保存在不同的活动网页地址对应的存储位置。进一步的，确定用于保存网页展示内容的存储位置对应展示内容地址，并将活动网页地址和展示内容地址发送给活动后台，由后台向客户端发送活动网页地址和展示内容地址，客户端在接收到活动网页地址以及设定的展示内容地址后，加载配置的第二容器网页。
在一个实施例中，客户端在获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页时，具体包括：获取活动后台发送的展示内容配置信息，展示内容配置信息包括活动网页地址和展示内容地址。
具体的，客户端在需要配置窗口显示信息时，向活动后台发起配置请求，活动后台将响应于配置请求向客户端下发展示内容配置信息，该展示内容配置信息包括网页服务端提供的全部活动网页地址和展示内容地址。同时，客户端加载预先配置的第二容器网页，该第二容器网页与服务端上的第一容器网页基于JavaScript协议进行交互。
S302：向网页服务端发送活动网页地址，以供网页服务端根据活动网页地址获取网页内容，通过第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址。
具体的，客户端通过第二容器网页向网页服务端中的第一容器网页发送活动网页地址。第一容器网页根据活动网页地址获取网页内容，并在获取各个活动网页地址对应的网页内容后，对网页内容进行处理并渲染得到网页展示内容。第一容器网页在生成网页展示内容后，将网页展示内容保存到设定的展示内容地址中，并通知第二容器网页基于设定的展示内容地址获取网页展示内容。其中网页服务端根据活动网页地址获取网页内容，通过第一容器网页对网页内容进行处理得到网页展示内容的具体实施步骤可参考上述实施例，本实施例不再赘述。
在一个实施例中，客户端在接收到展示内容配置信息时，判断是否需要向网页服务端请求网页降级服务，例如在展示内容配置信息未包含展示内容地址时，确定不需要向网页服务端请求网页降级服务，而在展示内容配置信息包含展示内容地址并且客户端内存资源占用率达到设定阈值或者是接收到内存告警时，确定需要向网页服务端请求网页降级服务，确定需要显示的信息对应的活动网页地址，并通过第二容器网页向第一容器网页发送活动网页地址。
S303：基于展示内容地址获取网页展示内容，并通过客户端的视图控件显示网页展示内容。
具体的，客户端从展示内容地址中获取网页展示内容，并在视图控件(原生视图控件)上显示网页展示内容。客户端维持一个用于活动内容的下发和交互的第二容器网页，并且在客户端中配置有与第二容器网页基于JavaScript协议原生通讯的原生视图控件，该原生视图控件负责对网页展示内容的显示和刷新。第二容器网页基于展示内容地址获取网页展示内容后，将网页展示内容传递给原生视图控件，由原生视图控件在第二容器网页对应的第二容器页面上显示网页展示内容。
在一个实施例中，网页服务端在将网页展示内容保存到设定的展示内容地址之后，第一容器网页根据设定的交互协议保持与客户端交互，向第二容器网页传递网页展示内容的更新信息，在网页内容更新或按照设定更新时间间隔更新网页展示内容，并根据设定的交互协议向第二容器网页发送网页展示内容的更新信息，第二容器网页接收到更新信息时，基于设定的展示内容地址获取新的网页展示内容，并通知视图控件对当前显示的网页展示内容进行更新。基于此，本方案提供的网页视图显示控制方法还包括：
S304：响应于网页服务端发出的更新信息，更新在视图控件上显示的网页展示内容。
具体的，第一容器网页基于JavaScript协议与第二容器网页原生交互，并在网页展示内容发生更新时，向第二容器网页发送更新信息，通知第二容器网页对在视图控件上显示的网页展示内容进行更新。第二容器网页接收到更新信息时，基于设定的展示内容地址获取新的网页展示内容，并通知视图控件根据新的网页展示内容对当前显示的网页展示内容进行更新。
其中，第一容器网页对网页展示内容的更新可以是基于网页内容的更新和/或设定的更新时间间隔进行。并且第一容器网页对网页展示内容的更新方式可以是全量更新或局部更新，对应的，第二容器网页对网页展示内容的更新方式也包括全量更新或局部更新，第一容器网页发出的更新信息中包含有对全量更新或局部更新的指示，第二容器网页根据更新信息的指示进行网页展示内容的获取与更新。
上述，通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，也不需要针对不同的活动网页地址的网页内容单独开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。客户端中的第二容器网页只需要加载交互相关逻辑即可，网页内容的加载和渲染在网页服务端中进行，第二容器网页只需要较少的内存占用，单个第二容器网页仅占用较少的内存和CPU资源的同时，充分利用了原生视图控件的优秀显示性能，可有效提升应用稳定性，降低应用被系统强制退出概率。同时，第一容器网页与第二容器网页原生交互，向第二容器网页传递网页展示内容的更新，保证网页展示内容的高动态展示需求。
图4是本申请实施例提供的一种应用于网页服务端的网页视图显示控制装置的结构示意图。参考图4，该网页视图显示控制装置包括内容获取模块41、内容处理模块42和内容保存模块43。
其中，内容获取模块41，用于根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容；内容处理模块42，用于通过第一容器网页对网页内容进行处理，得到网页展示内容；内容保存模块43，用于将网页展示内容保存到设定的展示内容地址，以供客户端基于展示内容地址获取网页展示内容，并通过客户端的视图控件显示网页展示内容。
上述，通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，也不需要针对不同的活动网页地址的网页内容单独开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。
图5是本申请实施例提供的一种应用于客户端的网页视图显示控制装置的结构示意图。参考图5，该网页视图显示控制装置包括网页加载模块51、内容请求模块52和内容展示模块53。
其中，网页加载模块51，用于获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页；内容请求模块52，用于向网页服务端发送活动网页地址，以供网页服务端根据活动网页地址获取网页内容，通过第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址；内容展示模块53，用于基于展示内容地址获取网页展示内容，并通过客户端的视图控件显示网页展示内容。
上述，通过网页服务端根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容，由网页服务端上的第一容器网页对网页内容进行处理得到网页展示内容，并将网页展示内容保存到设定的展示内容地址中，客户端可基于展示内容地址获取网页展示内容，并在视图控件上展示，将原本需要在客户端上对网页内容的处理工作转移到网页服务端上进行，客户端通过第二容器网页负责与网页服务端的交互以及通过视图控件对网页展示内容的显示即可，不需要进行网页内容的处理以及网页展示内容的渲染，也不需要针对不同的活动网页地址的网页内容单独开设一个容器网页，减少对客户端内存资源的占用，保证客户端正常运行。
本申请实施例还提供了一种网页视图显示控制设备，该网页视图显示控制设备可集成本申请实施例提供的应用于网页服务端或客户端的网页视图显示控制装置。图6是本申请实施例提供的一种网页视图显示控制设备的结构示意图。参考图6，该网页视图显示控制设备包括：输入装置63、输出装置64、存储器62以及一个或多个处理器61；存储器62，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器61执行，使得一个或多个处理器61实现如上述实施例提供的网页视图显示控制方法。上述提供的网页视图显示控制装置、设备和计算机可用于执行上述任意实施例提供的网页视图显示控制方法，具备相应的功能和有益效果。
本申请实施例还提供一种包含计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行如上述实施例提供的网页视图显示控制方法。当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上提供的网页视图显示控制方法，还可以执行本申请任意实施例所提供的网页视图显示控制方法中的相关操作。上述实施例中提供的网页视图显示控制装置、设备及存储介质可执行本申请任意实施例所提供的网页视图显示控制方法，未在上述实施例中详尽描述的技术细节，可参见本申请任意实施例所提供的网页视图显示控制方法。
上述仅为本申请的较佳实施例及所运用的技术原理。本申请不限于这里提供的特定实施例，对本领域技术人员来说能够进行的各种明显变化、重新调整及替代均不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由权利要求的范围决定。

Claims (11)

1.一种网页视图显示控制方法，应用于网页服务端，其特征在于，包括：
根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容；
通过第一容器网页对所述网页内容进行处理，得到网页展示内容；
将所述网页展示内容保存到设定的展示内容地址，以供所述客户端基于所述展示内容地址获取所述网页展示内容，用于通过所述客户端的视图控件显示所述网页展示内容。
2.根据权利要求1所述的网页视图显示控制方法，其特征在于，所述根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容之前，还包括：
加载配置的第一容器网页；
通过所述第一容器网页接收在客户端上运行的第二容器网页发送的活动网页地址，所述第一容器网页与所述第二容器网页基于预设协议进行通讯。
3.根据权利要求1所述的网页视图显示控制方法，其特征在于，所述通过第一容器网页对所述网页内容进行处理，得到网页展示内容，包括：
根据运行在第一容器网页中的容器子网页与活动网页地址的对应关系，将所述网页内容添加到对应的容器子网页中；
通过所述容器子网页中对所述网页内容进行处理得到子网页内容；
根据多个所述子网页内容生成在所述第一容器网页上的网页展示内容。
4.根据权利要求3所述的网页视图显示控制方法，其特征在于，所述根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容之前，还包括：
接收客户端发出的活动网页地址；
根据所述活动网页地址，在所述第一容器网页中加载容器子网页，所述容器子网页与所述活动网页地址一一对应。
5.根据权利要求1所述的网页视图显示控制方法，其特征在于，所述网页视图显示控制方法还包括：
基于所述网页内容的更新和/或设定的更新时间间隔，更新所述网页展示内容；
通知所述客户端更新所述网页展示内容。
6.根据权利要求1所述的网页视图显示控制方法，其特征在于，所述客户端的所述活动网页地址和所述展示内容地址由活动后台提供，所述活动后台的所述活动网页地址和所述展示内容地址由所述网页服务端提供。
7.一种应用于网页服务端的网页视图显示控制装置，其特征在于，包括内容获取模块、内容处理模块和内容保存模块，其中：
所述内容获取模块，用于根据客户端上运行的第二容器网页提供的活动网页地址获取网页内容；
所述内容处理模块，用于通过第一容器网页对所述网页内容进行处理，得到网页展示内容；
所述内容保存模块，用于将所述网页展示内容保存到设定的展示内容地址，以供所述客户端基于所述展示内容地址获取所述网页展示内容，并通过所述客户端的视图控件显示所述网页展示内容。
8.一种网页视图显示控制方法，应用于客户端，其特征在于，包括：
获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页；
向网页服务端发送所述活动网页地址，以供所述网页服务端根据所述活动网页地址获取网页内容，通过第一容器网页对所述网页内容进行处理得到网页展示内容，并将所述网页展示内容保存到设定的展示内容地址；
基于所述展示内容地址获取所述网页展示内容，并通过所述客户端的视图控件显示所述网页展示内容。
9.一种应用于客户端的网页视图显示控制装置，其特征在于，包括网页加载模块、内容请求模块和内容展示模块，其中：
所述网页加载模块，用于获取活动网页地址以及设定的展示内容地址，并加载配置的第二容器网页；
所述内容请求模块，用于向网页服务端发送所述活动网页地址，以供所述网页服务端根据所述活动网页地址获取网页内容，通过第一容器网页对所述网页内容进行处理得到网页展示内容，并将所述网页展示内容保存到设定的展示内容地址；
所述内容展示模块，用于基于所述展示内容地址获取所述网页展示内容，并通过所述客户端的视图控件显示所述网页展示内容。
10.一种网页视图显示控制设备，其特征在于，包括：存储器以及一个或多个处理器；
所述存储器，用于存储一个或多个程序；
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6或8任一项所述的网页视图显示控制方法。
11.一种包含计算机可执行指令的存储介质，其特征在于，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-6或8任一项所述的网页视图显示控制方法。
CN202111422196.XA 2021-11-26 2021-11-26 一种网页视图显示控制方法、装置、设备及存储介质 Pending CN114117277A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111422196.XA CN114117277A (zh) 2021-11-26 2021-11-26 一种网页视图显示控制方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111422196.XA CN114117277A (zh) 2021-11-26 2021-11-26 一种网页视图显示控制方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN114117277A true CN114117277A (zh) 2022-03-01

Family

ID=80370154

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111422196.XA Pending CN114117277A (zh) 2021-11-26 2021-11-26 一种网页视图显示控制方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN114117277A (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102957702A (zh) * 2012-11-07 2013-03-06 北京小米科技有限责任公司 请求数据的方法及客户端
CN103970770A (zh) * 2013-01-29 2014-08-06 腾讯科技（深圳）有限公司 一种网页优化处理方法、装置及客户端
CN104899212A (zh) * 2014-03-05 2015-09-09 腾讯科技（深圳）有限公司 网页展示方法、服务器及系统
CN110830839A (zh) * 2018-08-08 2020-02-21 腾讯科技（深圳）有限公司 多挂件展示方法、装置及存储介质
CN112559172A (zh) * 2020-12-08 2021-03-26 百果园技术(新加坡)有限公司 网页浏览器内存优化方法、系统、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102957702A (zh) * 2012-11-07 2013-03-06 北京小米科技有限责任公司 请求数据的方法及客户端
CN103970770A (zh) * 2013-01-29 2014-08-06 腾讯科技（深圳）有限公司 一种网页优化处理方法、装置及客户端
CN104899212A (zh) * 2014-03-05 2015-09-09 腾讯科技（深圳）有限公司 网页展示方法、服务器及系统
CN110830839A (zh) * 2018-08-08 2020-02-21 腾讯科技（深圳）有限公司 多挂件展示方法、装置及存储介质
CN112559172A (zh) * 2020-12-08 2021-03-26 百果园技术(新加坡)有限公司 网页浏览器内存优化方法、系统、设备及存储介质

Similar Documents

Publication Publication Date Title
US11513820B2 (en) Method for resource allocation, terminal, and computer-readable storage medium
US10877826B2 (en) Message processing method and apparatus, storage medium, and computer device
CN109857486B (zh) 一种程序页面数据的处理方法、装置、设备和介质
CN103218197B (zh) 一种动态显示数据的方法、装置和系统
EP3049955A1 (en) Application context migration framework and protocol
US20220060607A1 (en) Method for controlling video playing, computer device and storage medium thereof
CN109885781B (zh) 混合页面统一浏览方法、装置、设备和存储介质
CN110019464B (zh) 页面处理方法及装置
EP4113936B1 (en) Information switching and sharing methods, electronic device and storage medium
CN112260853A (zh) 容灾切换方法、装置、存储介质及电子设备
CN104519410A (zh) 一种智能终端用户界面动态显示的方法和系统
CN104252354A (zh) 刷新智能终端的数据列表的方法和装置
CN115309470B (zh) 微件的加载方法、装置、设备以及存储介质
WO2019033935A1 (zh) 界面消息显示及处理方法、装置及电子设备
CN112559172A (zh) 网页浏览器内存优化方法、系统、设备及存储介质
CN114116092A (zh) 云桌面系统处理方法、云桌面系统控制方法以及相关设备
CN115390707A (zh) 分享处理方法、装置、电子设备及存储介质
CN116909505A (zh) 自适应可视区域的显示方法、装置、系统及介质
CN112395535A (zh) 图片的懒加载方法及装置、介质和电子设备
CN114117277A (zh) 一种网页视图显示控制方法、装置、设备及存储介质
US20110066935A1 (en) Data file and rule driven synchronous or asynchronous document generation
CN109167830B (zh) 一种监控数据的获取方法和装置
EP4124051A1 (en) Method for controlling video playing, apparatus, and computer device thereof
CN115630241A (zh) 页面显示方法、装置、电子设备及存储介质
CN117666985A (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