CN115878929A - 网页渲染方法及其装置 - Google Patents
网页渲染方法及其装置 Download PDFInfo
- Publication number
- CN115878929A CN115878929A CN202211518148.5A CN202211518148A CN115878929A CN 115878929 A CN115878929 A CN 115878929A CN 202211518148 A CN202211518148 A CN 202211518148A CN 115878929 A CN115878929 A CN 115878929A
- Authority
- CN
- China
- Prior art keywords
- webpage
- rendered
- code
- user side
- rendering
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 101
- 238000000034 method Methods 0.000 title claims abstract description 67
- 238000004590 computer program Methods 0.000 claims description 39
- 238000004458 analytical method Methods 0.000 claims description 23
- 238000006243 chemical reaction Methods 0.000 claims description 16
- 230000008569 process Effects 0.000 abstract description 16
- 238000012545 processing Methods 0.000 abstract description 7
- 238000005516 engineering process Methods 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 3
- 239000000463 material Substances 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 238000003384 imaging method Methods 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
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- 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
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及一种本申请涉及网页处理技术领域,特别是涉及一种网页渲染方法及其装置。所述方法包括:响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串;将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。本申请实现了既不在用户端对待渲染网页进行渲染,又不在服务端对待渲染网页进行渲染,防止出现用户端和服务端同时对一个待渲染网页进行同时渲染的情况,并防止渲染过程中发生混乱进而影响渲染效率。
Description
技术领域
本申请涉及网页处理技术领域,特别是涉及一种网页渲染方法及其装置。
背景技术
随着互联网技术的快速发展,用户终端性能提升以及Javascript(一种编程语言)性能的提高,使得现有技术中,网站从动态服务页面转换成客户端渲染页面,使得后端服务不再涉及输出网页内容等操作,而是只专注数据层面的处理,将网页渲染的任务分配给前端服务。
但是,在实际应用的过程中,存在前端服务与后端服务分离不清晰的情况,导致网页前端服务的人员和网页后端服务的人员会同时对一个网页进行渲染修改,进而导致开发混乱等情况发生。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高网页渲染效率的网页渲染方法及其装置。
第一方面,本申请提供了一种网页渲染方法。该方法包括:
响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串;
将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
在其中一个实施例中,基于待渲染网页的网页框架,确定网页框架对应的目标应用;
基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串。
在其中一个实施例中,网页框架为Vue框架,目标应用为Vue应用。
在其中一个实施例中,基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串,包括:
基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果;
对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
在其中一个实施例中,获取待渲染网页对应的待渲染代码集,包括:
基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息;
基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集。
在其中一个实施例中,基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集,包括:
从用户端获取待渲染网页对应的前端代码;
基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
第二方面,本申请还提供了一种网页渲染装置。该装置包括:
获取模块,用于响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
确定模块,用于基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串;
反馈模块,用于将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
第三方面,本申请还提供了一种计算机设备。计算机设备包括存储器和处理器,存储器存储有计算机程序,处理器执行计算机程序时实现如上述第一方面任一实施例的网页渲染方法。
第四方面,本申请还提供了一种计算机可读存储介质。计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现如上述第一方面任一实施例的网页渲染方法。
第五方面,本申请还提供了一种计算机程序产品。计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现如上述第一方面任一实施例的网页渲染方法。
根据本申请的技术方案,通过获取待渲染网页对应的待渲染代码集,为后续确定网页内容代码提供的数据基础,保证了后续流程的顺利进行,使得对待渲染网页的渲染功能顺利进行;通过读取网页内容代码,保证了后续能够根据网页内容代码,确定网页字符串,保证了对待渲染网页的顺利渲染,实现了既不在用户端对待渲染网页进行渲染,又不在服务端对待渲染网页进行渲染,避免出现用户端和服务端同时对一个待渲染网页进行同时渲染的情况,防止渲染过程中发生混乱进而影响渲染效率,降低了渲染所需要的时间,保证了待渲染网页的展示效率。
附图说明
图1为本申请实施例提供的一种网页渲染方法的应用环境图;
图2为本申请实施例提供的一种网页渲染方法的流程图;
图3为本申请实施例提供的一种确定网页字符串的步骤流程图;
图4为本申请实施例提供的一种确定待渲染代码集的步骤流程图;
图5为本申请实施例提供的另一种网页渲染方法的流程图;
图6为本申请实施例提供的第一种网页渲染装置的结构框图;
图7为本申请实施例提供的第二种网页渲染装置的结构框图;
图8为本申请实施例提供的第三种网页渲染装置的结构框图;
图9为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。在本申请的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
随着互联网技术的快速发展,用户终端性能提升以及Javascript性能的提高,使得现有技术中,网站从动态服务页面转换成客户端渲染页面,使得后端服务不再涉及输出网页内容等操作,而是只专注数据层面的处理,将网页渲染的任务分配给前端服务。
但是,在实际应用的过程中,存在前端服务与后端服务分离不清晰的情况,导致网页前端服务的人员和网页后端服务的人员会同时对一个网页进行渲染修改,进而导致开发混乱等情况发生。
本申请实施例提供的网页渲染方法,可以应用于如图1所示的应用环境中。在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图1所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储网页渲染的获取数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种网页渲染方法。
本申请公开了一种网页渲染方法及其装置。工作人员的计算机设备通过获取待渲染网页对应的待渲染代码集;基于渲染网页对应的待渲染代码集,读取网页内容代码,根据网页内容代码,确定网页内容代码对应的网页字符串;并将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
在一个实施例中,如图2所示,图2为本申请实施例提供的一种网页渲染方法的流程图,提供了一种网页渲染方法,图1中的计算机设备执行的网页渲染方法可以包括以下步骤:
步骤201,响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集。
其中,待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的。
需要说明的是,由于待渲染网页代码是后续确定的网页字符串的基础代码,因此,在接收用户端发送的网页渲染指令之后,需要对待渲染网页中的待渲染网页代码进行获取;进一步的,为保证待渲染网页代码顺利读取,需要根据待渲染网页代码,获取用于读取待渲染网页代码的读取代码。
作为一种实现方式,当需要获取待渲染网页对应的待渲染代码集时,查询待渲染网页中的待渲染网页代码,并对待渲染网页代码进行提取;基于待渲染网页代码,从待渲染网页中提取用于读取待渲染网页代码的读取代码;进而,将读取代码和待渲染网页代码作为待渲染代码集。
其中,读取代码可以包括待渲染网页中的created(创造)函数和hooks(钩子)函数中的代码。
在本申请的一种实施例中,可根据待渲染网页渲染时的实际需求,有针对性的获取待渲染网页中的待渲染网页代码,以保证既能够根据待渲染网页代码确定后续用于对待渲染网页进行渲染的网页字符串,又降低了获取待渲染网页代码时消耗的时间。
举例说明,当需要对待渲染网页A进行渲染时,基于用户端发送的网页渲染指令,确定待渲染网页A中需要进行渲染的内容;基于待渲染网页A中需要进行渲染的内容,确定的获取需要进行渲染的内容对应的待渲染网页代码a,基于待渲染网页代码a,从待渲染网页中提取用于读取待渲染网页代码a的读取代码b;进而,将读取代码b和待渲染网页代码a作为待渲染代码集。
步骤202,基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串。
需要说明的是,由于待渲染网页代码未被读取,无法直接根据待渲染内容代码对待渲染网页进行渲染处理;因此,为保证对待渲染网页进行渲染处理,需要对待渲染网页代码进行读取解析处理,以使得能够根据待渲染网页代码对待渲染网页进行渲染处理。
在本申请的一种实施例中,当需要确定网页字符串时,需要根据读取代码对待渲染网页代码进行读取处理,以得到网页内容代码;通过对网页内容代码进行解析处理,得到解析后的网页字符串。
进一步说明,通过对网页内容代码进行解析处理,以保证后续用户端能够运行网页字符串,并基于网页字符串对待渲染网页进行渲染。
步骤203,将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
需要说明的是,通过将网页字符串反馈至用户端,使得用户端能够根据网页字符串,生成渲染后的目标页面,具体的,生成渲染后的目标页面的步骤可以包括:用户端基于网页字符串构建网页字符串对应的渲染树,根据网页字符串对应的渲染树进行节点信息计算,基于节点信息绘制目标页面。其中,节点信息用于绘制目标页面中各个信息的布局。
根据本申请的网页渲染方法,通过获取待渲染网页对应的待渲染代码集,为后续确定网页内容代码提供的数据基础,保证了后续流程的顺利进行,使得对待渲染网页的渲染功能顺利进行;通过读取网页内容代码,保证了后续能够根据网页内容代码,确定网页字符串,保证了对待渲染网页的顺利渲染,实现了既不在用户端对待渲染网页进行渲染,又不在服务端对待渲染网页进行渲染,防止出现用户端和服务端同时对一个待渲染网页进行同时渲染的情况,防止渲染过程中发生混乱进而影响渲染效率,降低了渲染所需要的时间,保证了待渲染网页的展示效率。
需要说明的是,可通过待渲染网页对应的目标应用,确定网页字符串。可选地,如图3所示,图3为本申请实施例提供的一种确定网页字符串的步骤流程图。具体的,确定网页字符串可以包括以下步骤:
步骤301,基于待渲染网页的网页框架,确定网页框架对应的目标应用。
需要说明的是,待渲染网页的网页框架不同,该待渲染网页对应的目标应用也不相同,并且,当需要对待渲染网页的网页内容代码进行解析处理时,需要将待渲染网页的网页内容代码输入至对应的目标应用中,若待渲染网页的网页内容代码对应的网页框架与目标应用不相同,则该目标应用无法对待渲染网页的网页内容代码进行解析处理。
综上,为保证后续能够对网页内容代码进行顺利解析,需要根据待渲染网页的网页框架,确定该网页框架对应的目标应用。
在本申请的一种实施例中,当需要确定网页框架对应的目标应用时,具体可包括以下步骤:对待渲染网页进行网页框架识别,确定待渲染网页对应的网页框架;根据该网页框架,确定该网页框架对应的目标应用。其中,目标应用可用于解析该网页框架的待渲染网页对应的网页内容代码。
在本申请的一种实施例中,网页框架为Vue框架,目标应用为Vue应用。
步骤302,基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串。
需要说明的是,当需要获取网页字符串时,具体可包括以下步骤:基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果;对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
进一步说明,当需要对解析结果进行字符转换时,根据实际需求将解析结果转化为对应的字符,从而保证了待渲染网页能够根据字符转换后的网页字符串进行渲染。
根据本申请的网页渲染方法,通过确定网页框架对应的目标应用,保证了能够根据目标应用对网页内容代码进行解析处理,保证了后续能够根据网页内容代码得到网页字符串,保证了目标页面的顺利获取;通过对解析结果进行字符转换,保证了后续能够根据字符转换后的网页字符串对待渲染网页进行渲染,从而得到目标页面,防止渲染过程中发生混乱进而影响渲染效率,降低了渲染所需要的时间,保证了待渲染网页的展示效率。
需要说明的是,可根据本地路由配置信息,确定待渲染代码集。可选地,如图4所示,图4为本申请实施例提供的一种确定待渲染代码集的步骤流程图。具体的,确定待渲染代码集可以包括以下步骤:
步骤401,基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息。
需要说明的是,为保证后续能够顺利获取待渲染代码集,需要保证本地路由配置信息与网页路由配置信息相同,从而实现能够根据本地路由配置信息,在待渲染网页中获取的待渲染代码集,因此,需要根据待渲染网页对应的网页路由配置信息,确定本地路由配置信息。
进一步说吗,若本地路由配置信息与待渲染网页对应的网页路由配置信息不相同,则后续无法对待渲染网页中的待渲染代码集进行获取。
步骤402,基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集。
在本申请的一种实施例中,从用户端获取待渲染网页对应的前端代码;基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
其中,前端代码指的是待渲染代码集在待渲染网页中对应的代码,因此,可通过对前端代码进行解析,从而确定待渲染代码集。
进一步说明的,当需要获取待渲染网页对应的待渲染代码集时,可根据渲染待渲染网页时需要的待渲染网页代码,对待渲染网页中的前端代码进行定位,进而,当需要获取待渲染网页对应的待渲染代码集时,可直接根据本地路由配置信息,对定位的前端代码进行解析,从而得到待渲染代码集;根据上诉操作,以保证既能够根据前端代码确定后续用于对待渲染网页的待渲染代码集,又降低了获取待渲染代码集时消耗的时间。
根据本申请的网页渲染方法,根据网页路由配置信息,确定本地路由配置信息,以保证本地路由配置信息与网页路由配置信息相同,实现后续待渲染代码集的获取,为确定网页字符串提供了数据基础,保证了后续流程的顺利进行;通过确定前端代码,保证了能够通过对前端代码进行解析从而获取待渲染代码集,保证了待渲染代码集的顺利获取,保证了后续能够根据字符转换后的网页字符串对待渲染网页进行渲染。
在本申请的一种实施例中,如图5所示,图5为本申请实施例提供的另一种网页渲染方法的流程图,当对待渲染网页进行渲染时,具体可包括以下内容:
步骤501,响应于用户端发送的网页渲染指令,基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息。
步骤502,从用户端获取待渲染网页对应的前端代码。
步骤503,基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
其中,待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的。
步骤504,基于读取代码从待渲染网页代码中读取网页内容代码。
步骤505,基于待渲染网页的网页框架,确定网页框架对应的目标应用。
在本申请的一种实施例中,网页框架为Vue框架,目标应用为Vue应用。
步骤506,基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果。
步骤507,对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
步骤508,将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
根据本申请的网页渲染方法,通过获取待渲染网页对应的待渲染代码集,为后续确定网页内容代码提供的数据基础,保证了后续流程的顺利进行,使得对待渲染网页的渲染功能顺利进行;通过读取网页内容代码,保证了后续能够根据网页内容代码,确定网页字符串,保证了对待渲染网页的顺利渲染,实现了既不在用户端对待渲染网页进行渲染,又不在服务端对待渲染网页进行渲染,防止出现用户端和服务端同时对一个待渲染网页进行同时渲染的情况,防止渲染过程中发生混乱进而影响渲染效率,降低了渲染所需要的时间,保证了待渲染网页的展示效率。
应该理解的是,虽然如上的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的网页渲染方法的网页渲染装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个网页渲染装置实施例中的具体限定可以参见上文中对于网页渲染方法的限定,在此不再赘述。
在一个实施例中,如图6所示,图6为本申请实施例提供的第一种网页渲染装置的结构框图,提供了一种网页渲染装置,包括:获取模块10、确定模块20和反馈模块30,其中:
获取模块10,用于响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集。
其中,待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的。
确定模块20,用于基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串。
反馈模块30,用于将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
根据本申请的网页渲染装置,通过获取待渲染网页对应的待渲染代码集,为后续确定网页内容代码提供的数据基础,保证了后续流程的顺利进行,使得对待渲染网页的渲染功能顺利进行;通过读取网页内容代码,保证了后续能够根据网页内容代码,确定网页字符串,保证了对待渲染网页的顺利渲染,实现了既不在用户端对待渲染网页进行渲染,又不在服务端对待渲染网页进行渲染,防止出现用户端和服务端同时对一个待渲染网页进行同时渲染的情况,防止渲染过程中发生混乱进而影响渲染效率,降低了渲染所需要的时间,保证了待渲染网页的展示效率。
在一个实施例中,如图7所示,图7为本申请实施例提供的第二种网页渲染装置的结构框图,提供了一种网页渲染装置,该网页渲染装置中确定模块20包括:第一确定单元21和解析单元22,其中:
第一确定单元21,用于基于待渲染网页的网页框架,确定网页框架对应的目标应用。
需要说明的是,网页框架为Vue框架,目标应用为Vue应用。
解析单元22,用于基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串。
需要说明的是,基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果;对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
根据本申请的网页渲染装置,通过确定网页框架对应的目标应用,保证了能够根据目标应用对网页内容代码进行解析处理,保证了后续能够根据网页内容代码得到网页字符串,保证了目标页面的顺利获取;通过对解析结果进行字符转换,保证了后续能够根据字符转换后的网页字符串对待渲染网页进行渲染,从而得到目标页面,防止渲染过程中发生混乱进而影响渲染效率,降低了渲染所需要的时间,保证了待渲染网页的展示效率。
在一个实施例中,如图8所示,图8为本申请实施例提供的第三种网页渲染装置的结构框图,提供了一种网页渲染装置,该网页渲染装置中获取模块10包括:第二确定单元11和获取单元12,其中:
第二确定单元11,用于基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息。
获取单元12,用于基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集。
需要说明的是,从用户端获取待渲染网页对应的前端代码;基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
根据本申请的网页渲染装置,根据网页路由配置信息,确定本地路由配置信息,以保证本地路由配置信息与网页路由配置信息相同,实现后续待渲染代码集的获取,为确定网页字符串提供了数据基础,保证了后续流程的顺利进行;通过确定前端代码,保证了能够通过对前端代码进行解析从而获取待渲染代码集,保证了待渲染代码集的顺利获取,保证了后续能够根据字符转换后的网页字符串对待渲染网页进行渲染。
上述网页渲染装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图9所示。该计算机设备包括处理器、存储器、输入/输出接口、通信接口、显示单元和输入装置。其中,处理器、存储器和输入/输出接口通过系统总线连接,通信接口、显示单元和输入装置通过输入/输出接口连接到系统总线。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的输入/输出接口用于处理器与外部设备之间交换信息。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种网页渲染方法。该计算机设备的显示单元用于形成视觉可见的画面,可以是显示屏、投影装置或虚拟现实成像装置。显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图9中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串;
将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
基于待渲染网页的网页框架,确定网页框架对应的目标应用;
基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
网页框架为Vue框架,目标应用为Vue应用。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果;
对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息;
基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
从用户端获取待渲染网页对应的前端代码;
基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串;
将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
基于待渲染网页的网页框架,确定网页框架对应的目标应用;
基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
网页框架为Vue框架,目标应用为Vue应用。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果;
对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息;
基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
从用户端获取待渲染网页对应的前端代码;
基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;待渲染代码集中包含待渲染网页代码,以及用于读取待渲染网页代码的读取代码;待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
基于读取代码从待渲染网页代码中读取网页内容代码,并确定网页内容代码对应的网页字符串;
将网页字符串反馈至用户端,以供用户端基于网页字符串展示渲染后的目标页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
基于待渲染网页的网页框架,确定网页框架对应的目标应用;
基于目标应用对网页内容代码进行解析处理,得到待渲染网页对应的网页字符串。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
网页框架为Vue框架,目标应用为Vue应用。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
基于目标应用对网页内容代码进行解析处理,得到网页内容代码对应的解析结果;
对解析结果进行字符转换,得到待渲染网页对应的网页字符串。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
基于待渲染网页对应的网页路由配置信息,确定本地路由配置信息;
基于本地路由配置,从用户端获取待渲染网页对应的待渲染代码集。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
从用户端获取待渲染网页对应的前端代码;
基于本地路由配置信息,对前端代码进行解析,得到待渲染代码集。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据,且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (10)
1.一种网页渲染方法,其特征在于,所述方法包括:
响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;所述待渲染代码集中包含待渲染网页代码,以及用于读取所述待渲染网页代码的读取代码;所述待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
基于所述读取代码从所述待渲染网页代码中读取网页内容代码,并确定所述网页内容代码对应的网页字符串;
将所述网页字符串反馈至所述用户端,以供所述用户端基于所述网页字符串展示渲染后的目标页面。
2.根据权利要求1所述的方法,其特征在于,所述确定所述网页内容代码对应的网页字符串,包括:
基于所述待渲染网页的网页框架,确定所述网页框架对应的目标应用;
基于所述目标应用对所述网页内容代码进行解析处理,得到所述待渲染网页对应的所述网页字符串。
3.根据权利要求2所述的方法,其特征在于,所述网页框架为Vue框架,所述目标应用为Vue应用。
4.根据权利要求2所述的方法,其特征在于,所述基于所述目标应用对所述网页内容代码进行解析处理,得到所述待渲染网页对应的所述网页字符串,包括:
基于所述目标应用对所述网页内容代码进行解析处理,得到所述网页内容代码对应的解析结果;
对所述解析结果进行字符转换,得到所述待渲染网页对应的所述网页字符串。
5.根据权利要求1所述的方法,其特征在于,所述获取待渲染网页对应的待渲染代码集,包括:
基于所述待渲染网页对应的网页路由配置信息,确定本地路由配置信息;
基于所述本地路由配置,从所述用户端获取待渲染网页对应的待渲染代码集。
6.根据权利要求5所述的方法,其特征在于,所述基于所述本地路由配置,从所述用户端获取待渲染网页对应的待渲染代码集,包括:
从所述用户端获取所述待渲染网页对应的前端代码;
基于所述本地路由配置信息,对所述前端代码进行解析,得到所述待渲染代码集。
7.一种网页渲染装置,其特征在于,所述装置包括:
获取模块,用于响应于用户端发送的网页渲染指令,获取待渲染网页对应的待渲染代码集;所述待渲染代码集中包含待渲染网页代码,以及用于读取所述待渲染网页代码的读取代码;所述待渲染网页代码是前端页面存在页面展示需求时,从服务端获取的;
确定模块,用于基于所述读取代码从所述待渲染网页代码中读取网页内容代码,并确定所述网页内容代码对应的网页字符串;
反馈模块,用于将所述网页字符串反馈至所述用户端,以供所述用户端基于所述网页字符串展示渲染后的目标页面。
8.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
10.一种计算机程序产品,包括计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211518148.5A CN115878929A (zh) | 2022-11-30 | 2022-11-30 | 网页渲染方法及其装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211518148.5A CN115878929A (zh) | 2022-11-30 | 2022-11-30 | 网页渲染方法及其装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115878929A true CN115878929A (zh) | 2023-03-31 |
Family
ID=85764818
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211518148.5A Pending CN115878929A (zh) | 2022-11-30 | 2022-11-30 | 网页渲染方法及其装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115878929A (zh) |
-
2022
- 2022-11-30 CN CN202211518148.5A patent/CN115878929A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
US9507480B1 (en) | Interface optimization application | |
CN109840083B (zh) | 网页组件模板构建方法、装置、计算机设备和存储介质 | |
US9747385B2 (en) | Compression of cascading style sheet files | |
CN111596911B (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN113220657B (zh) | 数据处理方法、装置及计算机设备 | |
CN114327435A (zh) | 技术文档生成方法、装置、计算机可读存储介质 | |
CN110647350A (zh) | 接口文档生成方法、装置、计算机设备和存储介质 | |
CN117421503A (zh) | 页面渲染方法、装置、计算机设备和存储介质 | |
CN117332766A (zh) | 流程图生成方法、装置、计算机设备和存储介质 | |
CN116258597A (zh) | 单据处理方法、装置、计算机设备和存储介质 | |
CN115857929A (zh) | 资源数据处理方法、装置、计算机设备和存储介质 | |
CN115878929A (zh) | 网页渲染方法及其装置 | |
CN114329152A (zh) | 基于浏览器引擎的应用程序生成方法、装置、设备和介质 | |
CN114547066A (zh) | 核电业务数据的标准化方法、装置和计算机设备 | |
CN111079399B (zh) | 图文数据处理方法、装置、计算机设备和存储介质 | |
CN112417020A (zh) | 业务扩展的实现方法、装置、计算机设备和存储介质 | |
CN111209759A (zh) | 网页翻译方法、装置、计算机设备以及存储介质 | |
CN117612192A (zh) | 电子图纸信息识别方法、系统、电子设备、存储介质 | |
CN118502884A (zh) | 一种页面警告框定位方法、装置、计算机设备、存储介质 | |
CN118245699A (zh) | 页面获取方法、装置、设备、存储介质和计算机程序产品 | |
CN115758995A (zh) | 文档数据的标注方法、装置、计算机设备和存储介质 | |
CN118332214A (zh) | 页面异常处理方法、装置、计算机设备和存储介质 | |
CN116775186A (zh) | 页面数据处理方法、装置、计算机设备及存储介质 | |
CN117130606A (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 | ||
CB02 | Change of applicant information |
Country or region after: China Address after: No. 8 Huizhi Street, Suzhou Industrial Park, Suzhou Area, China (Jiangsu) Pilot Free Trade Zone, Suzhou City, Jiangsu Province, 215000 Applicant after: Qichacha Technology Co.,Ltd. Address before: Room 503, 5 / F, C1 building, 88 Dongchang Road, Suzhou Industrial Park, 215000, Jiangsu Province Applicant before: Qicha Technology Co.,Ltd. Country or region before: China |