CN113641929B - 页面渲染的方法、装置、电子设备和计算机可读存储介质 - Google Patents
页面渲染的方法、装置、电子设备和计算机可读存储介质 Download PDFInfo
- Publication number
- CN113641929B CN113641929B CN202110925503.XA CN202110925503A CN113641929B CN 113641929 B CN113641929 B CN 113641929B CN 202110925503 A CN202110925503 A CN 202110925503A CN 113641929 B CN113641929 B CN 113641929B
- Authority
- CN
- China
- Prior art keywords
- content
- page
- rendering
- data
- sub
- 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.)
- Active
Links
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
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)
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种页面渲染的方法、装置、电子设备和计算机可读存储介质,涉及计算机技术领域,尤其涉及页面配置技术。实现方案为:主进程获取页面容器数据和内容区域数据集合;主进程确定分进程,并将页面容器数据和内容区域数据集合发送至分进程;分进程根据从主进程接收的页面容器数据渲染页面容器,根据从主进程接收的内容区域数据集合渲染内容区域集合,其中,内容区域数据集合中的每一份内容区域数据与内容区域集合中的每一个内容区域一一对应;以及响应于页面容器与内容区域集合渲染完成,显示页面。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及页面配置技术,具体涉及一种页面渲染的方法、装置、电子设备和计算机可读存储介质。
背景技术
近年来,互联网技术不断发展,逐渐渗透到人们日常生活中的方方面面中,使用互联网服务的用户不断增多。而互联网服务平台的页面加载速度以及页面加载效果等都会影响用户使用该互联网服务平台的体验。
传统的通过单进程单线程模型渲染整个页面的方法会导致渲染耗时长,造成用户的长时间等待。并且渲染过程中的异常会导致整页渲染失败,影响用户体验。
在此部分中描述的方法不一定是之前已经设想到或采用的方法。除非另有指明,否则不应假定此部分中描述的任何方法仅因其包括在此部分中就被认为是现有技术。类似地,除非另有指明,否则此部分中提及的问题不应认为在任何现有技术中已被公认。
发明内容
本公开提供了一种页面渲染的方法、装置、电子设备、计算机可读存储介质和计算机程序产品。
根据本公开的一方面,提供了一种页面渲染的方法,包括:主进程获取页面容器数据和内容区域数据集合;主进程确定分进程,并将页面容器数据和内容区域数据集合发送至分进程;分进程根据从主进程接收的页面容器数据渲染页面容器,根据从主进程接收的内容区域数据集合渲染内容区域集合,其中,内容区域数据集合中的每一份内容区域数据与内容区域集合中的每一个内容区域一一对应;以及响应于页面容器与内容区域集合渲染完成,显示页面。
根据本公开的另一方面,提供了一种页面渲染的装置,包括:用于由主进程获取页面容器数据和内容区域数据集合的模块;用于由主进程确定分进程,并将页面容器数据和内容区域数据集合发送至分进程的模块;用于由分进程根据从主进程接收的页面容器数据渲染页面容器,根据从主进程接收的内容区域数据集合渲染内容区域集合的模块,其中,内容区域数据集合中的每一份内容区域数据与内容区域集合中的每一个内容区域一一对应;以及用于响应于页面容器与内容区域集合渲染完成,显示页面的模块。
根据本公开的另一方面,提供了一种电子设备,包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行上述方法。
根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,计算机指令用于使计算机执行上述方法。
根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,其中,计算机程序在被处理器执行时实现上述方法。
根据本公开的一个或多个实施例,可以实现多进程渲染网页,提升用户浏览网页的体验。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图示例性地示出了实施例并且构成说明书的一部分,与说明书的文字描述一起用于讲解实施例的示例性实施方式。所示出的实施例仅出于例示的目的,并不限制权利要求的范围。在所有附图中,相同的附图标记指代类似但不一定相同的要素。
图1示出了根据本公开的实施例的可以在其中实施本文描述的各种方法的示例性系统的示意图;
图2示出了根据本公开的实施例的页面渲染的方法的流程图;
图3示出了根据本公开的实施例的页面渲染方法渲染的页面的示意图;
图4示出了根据本公开的实施例的分进程进行页面渲染的方法的流程图;
图5示出了根据本公开的实施例的分进程渲染内容区域集合的方法的流程图;
图6示出了根据本公开的实施例的页面渲染的装置的结构框图;
图7示出了能够用于实现本公开的实施例的示例性电子设备的结构框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
在本公开中,除非另有说明,否则使用术语“”、“第二”等来描述各种要素不意图限定这些要素的位置关系、时序关系或重要性关系,这种术语只是用于将一个元件与另一元件区分开。在一些示例中,要素和第二要素可以指向该要素的同一实例,而在某些情况下,基于上下文的描述,它们也可以指代不同实例。
在本公开中对各种所述示例的描述中所使用的术语只是为了描述特定示例的目的,而并非旨在进行限制。除非上下文另外明确地表明,如果不特意限定要素的数量,则该要素可以是一个也可以是多个。此外,本公开中所使用的术语“和/或”涵盖所列出的项目中的任何一个以及全部可能的组合方式。
下面将结合附图详细描述本公开的实施例。
图1示出了根据本公开的实施例可以将本文描述的各种方法和装置在其中实施的示例性系统100的示意图。参考图1,该系统100包括一个或多个客户端设备101、102、103、104、105和106、服务器120以及将一个或多个客户端设备耦接到服务器120的一个或多个通信网络110。客户端设备101、102、103、104、105和106可以被配置为执行一个或多个应用程序。
在本公开的实施例中,服务器120可以运行使得能够执行页面渲染的方法的一个或多个服务或软件应用。
在某些实施例中,服务器120还可以提供可以包括非虚拟环境和虚拟环境的其他服务或软件应用。在某些实施例中,这些服务可以作为基于web的服务或云服务提供,例如在软件即服务(SaaS)模型下提供给客户端设备101、102、103、104、105和/或106的用户。
在图1所示的配置中,服务器120可以包括实现由服务器120执行的功能的一个或多个组件。这些组件可以包括可由一个或多个处理器执行的软件组件、硬件组件或其组合。操作客户端设备101、102、103、104、105和/或106的用户可以依次利用一个或多个客户端应用程序来与服务器120进行交互以利用这些组件提供的服务。应当理解,各种不同的系统配置是可能的,其可以与系统100不同。因此,图1是用于实施本文所描述的各种方法的系统的一个示例,并且不旨在进行限制。
用户可以使用客户端设备101、102、103、104、105和/或106来访问网页。客户端设备可以提供使客户端设备的用户能够与客户端设备进行交互的接口。客户端设备还可以经由该接口向用户输出信息。尽管图1仅描绘了六种客户端设备,但是本领域技术人员将能够理解,本公开可以支持任何数量的客户端设备。
客户端设备101、102、103、104、105和/或106可以包括各种类型的计算机设备,例如便携式手持设备、通用计算机(诸如个人计算机和膝上型计算机)、工作站计算机、可穿戴设备、游戏系统、瘦客户端、各种消息收发设备、传感器或其他感测设备等。这些计算机设备可以运行各种类型和版本的软件应用程序和操作系统,例如MICROSOFT Windows、APPLEiOS、类UNIX操作系统、Linux或类Linux操作系统(例如GOOGLE Chrome OS);或包括各种移动操作系统,例如MICROSOFT Windows Mobile OS、iOS、Windows Phone、Android。便携式手持设备可以包括蜂窝电话、智能电话、平板电脑、个人数字助理(PDA)等。可穿戴设备可以包括头戴式显示器和其他设备。游戏系统可以包括各种手持式游戏设备、支持互联网的游戏设备等。客户端设备能够执行各种不同的应用程序,例如各种与Internet相关的应用程序、通信应用程序(例如电子邮件应用程序)、短消息服务(SMS)应用程序,并且可以使用各种通信协议。
网络110可以是本领域技术人员熟知的任何类型的网络,其可以使用多种可用协议中的任何一种(包括但不限于TCP/IP、SNA、IPX等)来支持数据通信。仅作为示例,一个或多个网络110可以是局域网(LAN)、基于以太网的网络、令牌环、广域网(WAN)、因特网、虚拟网络、虚拟专用网络(VPN)、内部网、外部网、公共交换电话网(PSTN)、红外网络、无线网络(例如蓝牙、WIFI)和/或这些和/或其他网络的任意组合。
服务器120可以包括一个或多个通用计算机、专用服务器计算机(例如PC(个人计算机)服务器、UNIX服务器、中端服务器)、刀片式服务器、大型计算机、服务器群集或任何其他适当的布置和/或组合。服务器120可以包括运行虚拟操作系统的一个或多个虚拟机,或者涉及虚拟化的其他计算架构(例如可以被虚拟化以维护服务器的虚拟存储设备的逻辑存储设备的一个或多个灵活池)。在各种实施例中,服务器120可以运行提供下文所描述的功能的一个或多个服务或软件应用。
服务器120中的计算单元可以运行包括上述任何操作系统以及任何商业上可用的服务器操作系统的一个或多个操作系统。服务器120还可以运行各种附加服务器应用程序和/或中间层应用程序中的任何一个,包括HTTP服务器、FTP服务器、CGI服务器、JAVA服务器、数据库服务器等。
在一些实施方式中,服务器120可以包括一个或多个应用程序,以分析和合并从客户端设备101、102、103、104、105和106的用户接收的数据馈送和/或事件更新。服务器120还可以包括一个或多个应用程序,以经由客户端设备101、102、103、104、105和106的一个或多个显示设备来显示数据馈送和/或实时事件。
在一些实施方式中,服务器120可以为分布式系统的服务器,或者是结合了区块链的服务器。服务器120也可以是云服务器,或者是带人工智能技术的智能云计算服务器或智能云主机。云服务器是云计算服务体系中的一项主机产品,以解决传统物理主机与虚拟专用服务器(VPS,Virtual Private Server)服务中存在的管理难度大、业务扩展性弱的缺陷。
系统100还可以包括一个或多个数据库130。在某些实施例中,这些数据库可以用于存储数据和其他信息。例如,数据库130中的一个或多个可用于存储诸如音频文件和视频文件的信息。数据存储库130可以驻留在各种位置。例如,由服务器120使用的数据存储库可以在服务器120本地,或者可以远离服务器120且可以经由基于网络或专用的连接与服务器120通信。数据存储库130可以是不同的类型。在某些实施例中,由服务器120使用的数据存储库可以是数据库,例如关系数据库。这些数据库中的一个或多个可以响应于命令而存储、更新和检索到数据库以及来自数据库的数据。
在某些实施例中,数据库130中的一个或多个还可以由应用程序使用来存储应用程序数据。由应用程序使用的数据库可以是不同类型的数据库,例如键值存储库,对象存储库或由文件系统支持的常规存储库。
图1的系统100可以以各种方式配置和操作,以使得能够应用根据本公开所描述的各种方法和装置。
图2是示出根据本公开的实施例的页面渲染的方法200的流程图。如图2所示,该方法200可以包括:
步骤S201,主进程获取页面容器数据和内容区域数据集合。
步骤S203,主进程确定分进程,并将页面容器数据和内容区域数据集合发送至分进程。根据本公开的一些实施例,主进程可以根据Round Robin轮询调度机制确定分进程。
步骤S205,分进程根据从主进程接收的页面容器数据渲染页面容器,根据从主进程接收的内容区域数据集合渲染内容区域集合,其中,内容区域数据集合中的每一份内容区域数据与内容区域集合中的每一个内容区域一一对应。例如,在“百度搜索”程序中,响应于用户发送的访问“上海天气”搜索页面的http请求,本方法对如图3所示的搜索页面进行渲染,搜索页面可以包括页面容器与内容区域集合。页面容器为页面中与搜索结果无关的部分,如图3所示,301为百度logo,302为摄像头符号,303为“百度一下”文字,301、302、303均为页面容器的组成部分。内容区域集合为页面中与搜索结果有关的多条搜索结果的集合,其中,一条搜索结果对应内容区域集合中的一个内容区域。如图3所示,搜索结果304、305、306、307均各对应一个内容区域。
页面容器数据可以包括例如页面容器各组成部分的位置、字体颜色、尺寸、边距等信息。内容区域数据集合中的每一份内容区域数据包括其对应的内容区域集合中的每一个内容区域的渲染信息,可以包括例如内容区域的标题、跳转链接、尺寸、附图信息、文字信息等。
步骤S207,响应于页面容器与内容区域集合渲染完成,显示页面。
根据本公开的一些实施例,分进程包括父进程和子进程集合。图4是示出根据本公开的实施例的分进程进行页面渲染(步骤S205)的方法的流程图。如图4所示,步骤S205可以包括:
步骤S401,父进程从主进程接收页面容器数据和内容区域数据集合。
步骤S403,父进程根据从主进程接收的页面容器数据渲染页面容器。
步骤S405,父进程发送内容区域数据集合至子进程集合。
步骤S407,子进程集合根据来自父进程的内容区域数据集合异步渲染内容区域集合。异步渲染是指在同一时刻,子进程集合中的每一个子进程根据内容区域数据集合中的每一份内容区域数据渲染相应的内容区域,各子进程间不相互影响,渲染结束的子进程继续渲染下一个内容区域。由此,内容区域集合中的多个内容区域可以同时进行渲染,提高了渲染效率。
图5示出了根据本公开的实施例的用于处理渲染失败的方法500的流程图。根据本公开的一些实施例,如图5所示,方法500可以包括:
步骤S501,确定内容区域集合中的至少一个内容区域渲染失败。
步骤S503,响应于渲染失败的至少一个内容区域的个数小于等于阈值,舍弃至少一个内容区域,以使得该至少一个内容区域不被显示。
步骤S505,响应于渲染失败的至少一个内容区域的个数大于阈值,分进程停止渲染内容区域集合。
例如,根据本公开的一些实施例,设定阈值为内容区域集合中内容区域个数的30%。所以,当内容区域集合中内容区域个数为10的时候,渲染失败的内容区域个数小于等于3时,则可以舍弃渲染失败的内容区域,只显示渲染成功的内容区域。
当渲染失败的内容区域个数大于3时,分进程停止渲染此内容区域集合。此时程序代替用户重新发出访问请求,并生成第二内容区域数据集合。
步骤S507,主进程获取第二内容区域数据集合。
步骤S509,主进程确定第二分进程,将第二内容区域数据集合发送至第二分进程,以使得第二分进程根据第二内容区域数据集合渲染第二内容区域集合。
由此,避免了一个内容区域渲染失败导致无法加载整个页面的情况,保证了页面渲染的稳定性。
并且,即使在渲染失败的内容区域数量过多的情况下,由于进行了二次渲染,可以保证页面中渲染成功的内容区域数量不会太少,进而保证了渲染效果;但在渲染失败的内容区域数量不多时,由于不需要根据重新发出的访问请求进行二次渲染,保证了渲染的效率。
根据本公开的一些实施例,确定内容区域集合中的至少一个内容区域渲染失败可以包括:响应于渲染内容区域集合中的一个内容区域时发生一个或多个异常,确定一个内容区域渲染失败。
根据本公开的一些实施例,一个或多个异常可以包括例如数据异常和代码逻辑异常中的一个或多个。根据本公开的一些实施例,数据异常或代码异常可能导致子进程返回错误值,导致内容区域无法正常显示等问题,此时确定一个内容区域渲染失败。
根据本公开的另一些实施例,确定内容区域集合中的至少一个内容区域渲染失败可以包括:响应于渲染内容区域集合中的一个内容区域的一个子进程监测到一个子进程中一个或多个处理的时长大于相应的预设时长,确定一个内容区域渲染失败。
根据本公开的一些实施例,一个或多个处理可以包括例如进程间通信处理和渲染处理中的一个或多个。根据本公开的一些实施例,子进程与父进程间通过进程间通信机制进行通信,若通信花费的时间过长,则会导致进程间通信处理的时间过长。根据本公开的一些实施例,在渲染处理中,由于内容区域内部逻辑繁琐或者数据过大等原因导致程序经过很长时间仍无法完成渲染处理。根据本公开的一些实施例,当由进程间通信处理和渲染处理等处理时长大于预设时长时,子进程确定当前正在渲染的内容区域渲染失败,并结束本子进程。
根据本公开的一些实施例,确定内容区域集合中的至少一个内容区域渲染失败可以包括:响应于父进程监测到渲染内容区域集合中的一个内容区域的一个子进程的时长大于预设时长,确定一个内容区域渲染失败。根据本公开的一些实施例,父进程监测每一个子进程的渲染时长。当子进程陷入死循环而无法结束时,父进程可以确定子进程渲染失败,并结束子进程
通过对渲染时长进行监测,保证了一个内容区域的渲染时长不会过长,从而保证了渲染页面的耗时不会过长,保证了渲染的效率。
根据本公开的一些实施例,内容区域数据集合可以包括首屏页面的内容区域数据集合和非首屏页面的内容区域数据集合,内容区域集合可以包括首屏页面的内容区域集合和非首屏页面的内容区域集合,首屏页面的内容区域数据集合用于渲染首屏页面的内容区域集合,非首屏页面的内容区域数据集合用于渲染非首屏页面的内容区域集合。
根据本公开的一些实施例,页面可以包括首屏页面和非首屏页面。跳转到页面时即能显示到显示设备上的页面为首屏页面。首屏页面中会显示多个内容区域,根据用户设备的不同,首屏页面中显示的内容区域数量不同,比如显示设备的尺寸会影响首屏页面中显示的内容区域数量。响应于用户的进一步操作,显示到显示设备上的页面为非首屏页面。用户的进一步操作例如可以是,在手机、平板等触屏设备上触摸屏幕进行上滑操作,或者是利用鼠标等输入设备进行上滑操作。
根据本公开的一些实施例,响应于页面容器与内容区域集合渲染完成,显示页面(步骤S207)可以包括:
响应于页面容器与首屏页面的内容区域集合渲染完成,显示页面容器与首屏页面的内容区域集合。
响应于页面容器与非首屏页面的内容区域集合渲染完成,并且响应于接收到来自用户的非首屏页面的请求,显示页面容器与非首屏页面的内容区域集合。
根据本公开的另一方面,还提供了一种页面渲染的装置,包括:用于由主进程获取页面容器数据和内容区域数据集合的模块601;用于由主进程确定分进程,并将页面容器数据和内容区域数据集合发送至分进程的模块602;用于由分进程根据从主进程接收的页面容器数据渲染页面容器,根据从主进程接收的内容区域数据集合渲染内容区域集合的模块603,其中,内容区域数据集合中的每一份内容区域数据与内容区域集合中的每一个内容区域一一对应;用于响应于页面容器与内容区域集合渲染完成,显示页面的模块604。
应当理解,图6中所示装置600的各个模块可以与参考图2描述的方法200中的各个步骤相对应。由此,上面针对方法200描述的操作、特征和优点同样适用于装置600及其包括的模块。为了简洁起见,某些操作、特征和优点在此不再赘述。
虽然上面参考特定模块讨论了特定功能,但是应当注意,本文讨论的各个模块的功能可以分为多个模块,和/或多个模块的至少一些功能可以组合成单个模块。本文讨论的特定模块执行动作包括该特定模块本身执行该动作,或者替换地该特定模块调用或以其他方式访问执行该动作(或结合该特定模块一起执行该动作)的另一个组件或模块。因此,执行动作的特定模块可以包括执行动作的该特定模块本身和/或该特定模块调用或以其他方式访问的、执行动作的另一模块。
还应当理解,本文可以在软件硬件元件或程序模块的一般上下文中描述各种技术。上面关于图6描述的各个模块可以在硬件中或在结合软件和/或固件的硬件中实现。例如,这些模块可以被实现为计算机程序代码/指令,该计算机程序代码/指令被配置为在一个或多个处理器中执行并存储在计算机可读存储介质中。可替换地,这些模块可以被实现为硬件逻辑/电路。
根据本公开的另一方面,还提供了一种电子设备,包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行上述方法。
根据本公开的另一方面,还提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,计算机指令用于使计算机执行上述方法。
根据本公开的另一方面,还提供了一种计算机程序产品,包括计算机程序,其中,计算机程序在被处理器执行时实现上述方法。
本公开的技术方案中,所涉及的用户个人信息的获取,存储和应用等,均符合相关法律法规的规定,且不违背公序良俗。
根据本公开的实施例,还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
参考图7,现将描述可以作为本公开的服务器或客户端的电子设备700的结构框图,其是可以应用于本公开的各方面的硬件设备的示例。电子设备旨在表示各种形式的数字电子的计算机设备,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图7所示,设备700包括计算单元701,其可以根据存储在只读存储器(ROM)702中的计算机程序或者从存储单元708加载到随机访问存储器(RAM)703中的计算机程序,来执行各种适当的动作和处理。在RAM 703中,还可存储设备700操作所需的各种程序和数据。计算单元701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
设备700中的多个部件连接至I/O接口705,包括:输入单元706、输出单元707、存储单元708以及通信单元709。输入单元706可以是能向设备700输入信息的任何类型的设备,输入单元706可以接收输入的数字或字符信息,以及产生与电子设备的用户设置和/或功能控制有关的键信号输入,并且可以包括但不限于鼠标、键盘、触摸屏、轨迹板、轨迹球、操作杆、麦克风和/或遥控器。输出单元707可以是能呈现信息的任何类型的设备,并且可以包括但不限于显示器、扬声器、视频/音频输出终端、振动器和/或打印机。存储单元708可以包括但不限于磁盘、光盘。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据,并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信收发机和/或芯片组,例如蓝牙TM设备、1302.11设备、WiFi设备、WiMax设备、蜂窝通信设备和/或类似物。
计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理,例如页面渲染的方法200。例如,在一些实施例中,页面渲染的方法200可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元708。在一些实施例中,计算机程序的部分或者全部可以经由ROM 702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到RAM 703并由计算单元701执行时,可以执行上文描述的页面渲染的方法200的一个或多个步骤。备选地,在其他实施例中,计算单元701可以通过其他任何适当的方式(例如,借助于固件)而被配置为页面渲染的方法200。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本公开中记载的各步骤可以并行地执行、也可以顺序地或以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
虽然已经参照附图描述了本公开的实施例或示例,但应理解,上述的方法、系统和设备仅仅是示例性的实施例或示例,本发明的范围并不由这些实施例或示例限制,而是仅由授权后的权利要求书及其等同范围来限定。实施例或示例中的各种要素可以被省略或者可由其等同要素替代。此外,可以通过不同于本公开中描述的次序来执行各步骤。进一步地,可以以各种方式组合实施例或示例中的各种要素。重要的是随着技术的演进,在此描述的很多要素可以由本公开之后出现的等同要素进行替换。
Claims (12)
1.一种页面渲染的方法,包括:
主进程获取页面容器数据和内容区域数据集合;
所述主进程确定分进程,并将所述页面容器数据和内容区域数据集合发送至所述分进程;
所述分进程根据从所述主进程接收的所述页面容器数据渲染页面容器,根据从所述主进程接收的所述内容区域数据集合渲染内容区域集合,其中,所述内容区域数据集合中的每一份内容区域数据与所述内容区域集合中的每一个内容区域一一对应;以及
响应于所述页面容器与所述内容区域集合渲染完成,显示页面;
其中,所述分进程包括父进程和子进程集合,并且其中,所述分进程根据从所述主进程接收的所述页面容器数据渲染页面容器,根据从所述主进程接收的所述内容区域数据集合渲染内容区域集合包括:
所述父进程从所述主进程接收所述页面容器数据和所述内容区域数据集合;
所述父进程根据从所述主进程接收的所述页面容器数据渲染所述页面容器;
所述父进程发送所述内容区域数据集合至所述子进程集合;以及
所述子进程集合根据来自所述父进程的内容区域数据集合异步渲染所述内容区域集合。
2.根据权利要求1所述的方法,还包括:
确定所述内容区域集合中的至少一个内容区域渲染失败;
响应于渲染失败的所述至少一个内容区域的个数小于等于阈值,舍弃所述至少一个内容区域,以使得所述至少一个内容区域不被显示;以及
响应于渲染失败的所述至少一个内容区域的个数大于阈值:
所述分进程停止渲染所述内容区域集合;
所述主进程获取第二内容区域数据集合;并且
所述主进程确定第二分进程,并将所述第二内容区域数据集合发送至所述第二分进程,以使得所述第二分进程根据所述第二内容区域数据集合渲染第二内容区域集合。
3.根据权利要求2所述的方法,其中,确定所述内容区域集合中的至少一个内容区域渲染失败包括:
响应于渲染所述内容区域集合中的一个内容区域时发生一个或多个异常,确定所述一个内容区域渲染失败。
4.根据权利要求3所述的方法,其中,所述一个或多个异常包括:数据异常和代码逻辑异常中的一个或多个。
5.根据权利要求2所述的方法,其中,确定所述内容区域集合中的至少一个内容区域渲染失败包括:
响应于渲染所述内容区域集合中的一个内容区域的一个子进程监测到所述一个子进程中一个或多个处理的时长大于相应的预设时长,确定所述一个内容区域渲染失败。
6.根据权利要求5所述的方法,其中,所述一个或多个处理包括:进程间通信处理和渲染处理中的一个或多个。
7.根据权利要求2所述的方法,其中,确定所述内容区域集合中的至少一个内容区域渲染失败包括:
响应于所述父进程监测到渲染所述内容区域集合中的一个内容区域的一个子进程的时长大于预设时长,确定所述一个内容区域渲染失败。
8.根据权利要求1~7中的任一项所述的方法,其中,所述内容区域数据集合包括首屏页面的内容区域数据集合和非首屏页面的内容区域数据集合,所述内容区域集合包括首屏页面的内容区域集合和非首屏页面的内容区域集合,所述首屏页面的内容区域数据集合用于渲染所述首屏页面的内容区域集合,所述非首屏页面的内容区域数据集合用于渲染所述非首屏页面的内容区域集合。
9.根据权利要求8所述的方法,其中,所述响应于所述页面容器与所述内容区域集合渲染完成,显示页面包括:
响应于所述页面容器与所述首屏页面的内容区域集合渲染完成,显示所述页面容器与所述首屏页面的内容区域集合;以及
响应于所述页面容器与所述非首屏页面的内容区域集合渲染完成,并且响应于接收到来自用户的非首屏页面的请求,显示所述页面容器与所述非首屏页面的内容区域集合。
10.一种页面渲染的装置,包括:
用于由主进程获取页面容器数据和内容区域数据集合的模块;
用于由所述主进程确定分进程,并将所述页面容器数据和内容区域数据集合发送至所述分进程的模块;
用于由所述分进程根据从所述主进程接收的所述页面容器数据渲染页面容器,根据从所述主进程接收的所述内容区域数据集合渲染内容区域集合的模块,其中,所述内容区域数据集合中的每一份内容区域数据与所述内容区域集合中的每一个内容区域一一对应;以及
用于响应于所述页面容器与所述内容区域集合渲染完成,显示页面的模块;
其中,所述分进程包括父进程和子进程集合,并且其中,所述用于由分进程根据从所述主进程接收的所述页面容器数据渲染页面容器,根据从所述主进程接收的所述内容区域数据集合渲染内容区域集合的模块包括:
用于由所述父进程从所述主进程接收所述页面容器数据和所述内容区域数据集合的模块;
用于由所述父进程根据从所述主进程接收的所述页面容器数据渲染所述页面容器的模块;
用于由所述父进程发送所述内容区域数据集合至所述子进程集合的模块;以及
用于所述子进程集合根据来自所述父进程的内容区域数据集合异步渲染所述内容区域集合的模块。
11.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。
12.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110925503.XA CN113641929B (zh) | 2021-08-12 | 2021-08-12 | 页面渲染的方法、装置、电子设备和计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110925503.XA CN113641929B (zh) | 2021-08-12 | 2021-08-12 | 页面渲染的方法、装置、电子设备和计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113641929A CN113641929A (zh) | 2021-11-12 |
CN113641929B true CN113641929B (zh) | 2023-08-29 |
Family
ID=78421166
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110925503.XA Active CN113641929B (zh) | 2021-08-12 | 2021-08-12 | 页面渲染的方法、装置、电子设备和计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113641929B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114675906B (zh) * | 2022-05-25 | 2022-10-04 | 杭州脸脸会网络技术有限公司 | 多窗口管理方法、装置、电子装置和存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111143410A (zh) * | 2019-12-19 | 2020-05-12 | 航天信息股份有限公司 | 住宿治安管理方法、装置及系统 |
CN112464124A (zh) * | 2020-12-11 | 2021-03-09 | Oppo广东移动通信有限公司 | 异常检测方法、装置及计算机可读存储介质 |
CN112486620A (zh) * | 2020-12-03 | 2021-03-12 | 广州虎牙科技有限公司 | 跨进程离屏渲染方法、装置、电子设备及存储介质 |
CN112559172A (zh) * | 2020-12-08 | 2021-03-26 | 百果园技术(新加坡)有限公司 | 网页浏览器内存优化方法、系统、设备及存储介质 |
-
2021
- 2021-08-12 CN CN202110925503.XA patent/CN113641929B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111143410A (zh) * | 2019-12-19 | 2020-05-12 | 航天信息股份有限公司 | 住宿治安管理方法、装置及系统 |
CN112486620A (zh) * | 2020-12-03 | 2021-03-12 | 广州虎牙科技有限公司 | 跨进程离屏渲染方法、装置、电子设备及存储介质 |
CN112559172A (zh) * | 2020-12-08 | 2021-03-26 | 百果园技术(新加坡)有限公司 | 网页浏览器内存优化方法、系统、设备及存储介质 |
CN112464124A (zh) * | 2020-12-11 | 2021-03-09 | Oppo广东移动通信有限公司 | 异常检测方法、装置及计算机可读存储介质 |
Non-Patent Citations (1)
Title |
---|
基于Chromium的智能终端多进程浏览器研究;胡琳琳;占亿民;庄崟;;网络新媒体技术(03);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN113641929A (zh) | 2021-11-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN116306396A (zh) | 芯片验证方法及装置、设备和介质 | |
CN113641936B (zh) | 用于页面跳转的方法、装置、电子设备及存储介质 | |
CN113641929B (zh) | 页面渲染的方法、装置、电子设备和计算机可读存储介质 | |
WO2022271345A1 (en) | Triggering dynamic robotic process automation | |
CN112948018B (zh) | 用于小程序的动态库加载方法、装置、设备及介质 | |
CN112732312A (zh) | 用于更新应用程序的方法及装置、电子设备和介质 | |
CN114510308B (zh) | 移动终端存储应用页面的方法、装置、设备和介质 | |
US20230144949A1 (en) | Virtual-machine cold migration method and apparatus, electronic device and storage medium | |
CN114359017B (zh) | 多媒体资源的处理方法、装置及电子设备 | |
CN113012258A (zh) | 生成多段折线图的方法、装置、电子设备以及可读介质 | |
CN113079046A (zh) | 数据接入方法及装置、电子设备和介质 | |
CN113986788B (zh) | 数据处理方法和装置、芯片、电子设备及介质 | |
CN113312050B (zh) | 内容显示方法、装置、设备和介质 | |
CN114566148B (zh) | 集群语音识别服务及其检测方法、装置及电子设备 | |
CN115098165B (zh) | 数据处理方法、装置、芯片、设备及介质 | |
CN113010383B (zh) | 错误日志过滤方法、装置、电子设备以及可读介质 | |
CN114218516B (zh) | 网页处理方法、装置、电子设备以及存储介质 | |
CN113126865B (zh) | 视频学习过程中的笔记生成方法及装置、电子设备和介质 | |
CN116541090A (zh) | 数据处理方法、装置、设备和介质 | |
CN116016373A (zh) | 数据处理请求的发送方法及装置、设备和介质 | |
CN115454647A (zh) | 数据处理方法及装置、设备和介质 | |
CN115373853A (zh) | 共享内存清理方法及装置、电子设备和介质 | |
CN113296955A (zh) | 服务请求的处理方法、装置、计算机设备和介质 | |
CN114329159A (zh) | 搜索方法、装置、电子设备及介质 | |
CN115756696A (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 |