CN113626742A - 网页生成方法、装置、电子设备及可读存储介质 - Google Patents
网页生成方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN113626742A CN113626742A CN202110880720.1A CN202110880720A CN113626742A CN 113626742 A CN113626742 A CN 113626742A CN 202110880720 A CN202110880720 A CN 202110880720A CN 113626742 A CN113626742 A CN 113626742A
- Authority
- CN
- China
- Prior art keywords
- node
- target
- data
- rendered
- webpage
- 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 58
- 238000009877 rendering Methods 0.000 claims abstract description 92
- 238000004458 analytical method Methods 0.000 claims description 12
- 238000004891 communication Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 3
- 238000006243 chemical reaction Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 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
- 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
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
技术领域
本申请属于互联网技术领域，具体涉及一种网页生成方法、装置、电子设备及可读存储介质。
背景技术
随着无线移动技术的迅速发展，移动设备的存储性能、处理性能的提升，越来越多的业务使用超文本5.0(HyperText Markup Language 5，H5)来实现。一个H5打开的过程可以分为如下几个步骤：1、统一资源定位***(Uniform Resource Locator，URL)发起请求；2、域名(Domain Name System，DNS)查询；3、服务端响应请求并返回index.html文件；4、客户端接收index.html文件并进行文件读取；5、客户端解析index.html文件后进行渲染，渲染后在页面内访问服务器获取接口数据，接口数据解析后生成新的html数据；6、解析新的html数据；7、完成页面展示。然而，上述步骤1-3需要依赖网络传输，若网络信号不好，则会导致H5加载不成功。目前的静态资源缓存的方案是通过将H5静态资源以资源包的形式下发到客户端，并在客户端需要加载H5的时候直接加载本地的H5资源，此方法可以越过网络加载耗时，提升本地的加载速度和加载成功率。
但是，以上方案均只考虑网络延迟，网页打开速度的提升有限。
发明内容
本申请实施例的目的是提供一种网页生成方法、装置、电子设备及可读存储介质，能够解决现有技术中只针对网络延迟进行优化，网页打开速度的提升有限的问题。
第一方面，本申请实施例提供了一种网页生成方法，该方法包括：
获取目标网页的待渲染节点；
在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页；
根据所述渲染数据，显示所述目标网页。
第二方面，本申请实施例提供了一种网页生成装置，该装置包括：
获取模块，用于获取目标网页的待渲染节点；
生成模块，用于在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页；
显示模块，用于根据所述渲染数据，显示所述目标网页。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
在本申请实施例中，通过在打开目标网页之前将已经解析的、可渲染的节点数据对象进行缓存，在打开目标网页进行渲染时在缓存数据中进行查询，若有相应的节点数据对象则直接复用，由此省去了对相应节点重新进行解析的过程，大大减少了浏览器的解析时间，提高了网页的打开速度。
附图说明
图1为本申请实施例提供的一种网页生成方法的流程示意图；
图2为本申请实施例提供的一种网页生成装置的结构示意图；
图3为本申请实施例提供的一种电子设备的结构示意图；
图4为实现本申请实施例的一种电子设备的硬件结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的网页生成方法、装置、电子设备及可读存储介质进行详细地说明。
请参考图1，为本申请实施例提供的一种网页生成方法的流程示意图。如图1所示，本申请一方面实施例提供了一种网页生成方法，所述方法包括以下步骤：
步骤101：获取目标网页的待渲染节点。
本申请实施例中，目标网页通常具有若干个待渲染节点，需要进行渲染时，逐一加载待渲染节点进行渲染。
步骤102：在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页。
本申请实施例中，在生成目标网页之前的第一网页时，便将对第一网页中的节点进行解析后得到的节点数据对象以及对应的标识符以缓存数据的形式一一保存下来，而在打开目标网页时，便可在缓存数据中查询是否存在与目标网页的待渲染节点的目标标识符所对应的目标节点数据对象，若存在，即可复用缓存数据中的目标节点数据对象，以生成所述待渲染节点的渲染数据，从而省去了对相应待渲染节点进行解析的过程，提高了网页打开速度。
其中，所谓节点数据对象，即通过对节点进行解析后得到的已解析、可渲染的节点对象，其可以以对象数据的形式进行保存，所述标识符即根据节点的内容确定，用来标记节点的类型等，标识符与节点数据对象一一对应。
步骤103：根据所述渲染数据，显示所述目标网页。
本申请实施例中，若所述缓存数据中存在与待渲染节点的目标标识符所对应的目标节点数据对象，则可根据所述缓存数据直接得到待渲染节点的渲染数据，从而省去对相应待渲染节点进行解析的过程，之后，便可根据得到的渲染数据生成并显示所述目标网页。
在本申请实施例中，通过在打开目标网页之前将已经解析的、可渲染的节点数据对象进行缓存，在打开目标网页进行渲染时在缓存数据中进行查询，若有相应的节点数据对象则直接复用，由此省去了对相应节点重新进行解析的过程，大大减少了浏览器的解析时间，提高了网页的打开速度。
本申请的一些实施例中，所述在缓存数据中查询是否存在与所述待渲染节点的目标标识符对应的目标节点数据对象之后，还包括：
在所述缓存数据中不存在所述目标节点数据对象的情况下，下载所述待渲染节点对应的节点数据；
对所述节点数据进行解析，得到所述目标节点数据对象；
将所述目标节点数据对象和所述目标标识符关联保存在所述缓存数据中，并根据所述目标节点数据对象，生成所述待渲染节点的渲染数据。
也就是说，若在所述缓存数据中找不到与所述目标标识符对应的目标节点数据对象，也就意味着在目标网页之前，并未解析过该类节点，因此，需要从服务器下载所述待渲染节点对应的节点数据，该节点数据仅为目标网页中的部分片段，即与所述待渲染节点对应的网页内容文件；然后，对所述节点数据进行解析，得到已解析、可渲染的目标节点数据对象；之后，将所述目标节点数据对象和所述目标标识符关联保存在所述缓存数据中，以对所述缓存数据进行更新，使后续打开网页时若需要对该类节点进行渲染则可以直接复用该目标节点数据对象；而在得到了目标节点数据对象之后，也就可以利用所述目标节点数据对象生成所述待渲染节点的渲染数据，从而实现对所述待渲染节点的渲染。
可以知道，当目标网页为浏览器打开的第一个网页时，即目标网页之前并未生成有任何第一网页时，则不存在任何所述缓存数据，此时便需要对目标网页中的所有待渲染节点进行解析，使之成为已解析、可渲染的节点数据对象。通常，所述缓存数据中的节点数据对象越多，打开目标网页时可以复用的节点数据对象也就越多，需要进行解析的待渲染节点就越少，解析所花费的时间也越少，目标网页的打开速度通常也就越快。
本申请的另一些实施例中，所述获取目标网页的待渲染节点包括：
接收服务器发送的目标网页的至少一个待渲染节点以及每个待渲染节点对应的目标标识符；
其中，所述至少一个待渲染节点由所述服务器将所述目标网页进行拆分得到，所述待渲染节点对应的目标标识符是由所述服务器根据所述待渲染节点的内容生成的。
也就是说，待渲染节点为服务器将目标网页进行拆分后得到，服务器完成拆分后将其下发至电子设备。
示例性的，本申请实施例中，服务器具备拆分网页文件的能力。通常，一个网页文件包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的网络资源连接为一个逻辑整体，一个简单的网页文件内容如下所示：
所谓节点，即网页文件中的一段内容，为了能够将网页文件中的众多节点进行解析并缓存，服务器可以将网页文件拆分成若干个节点，示例性的，上述的网页文件可以拆分成如下几个部分/节点：
第一部分：主体框架，
第二部分：头部，
第三部分：内容主体，
而内容主题内部又可以拆分成：
段落1；
段落2；
段落3。
可以看到，服务器进行拆分后，每一部分即一个节点，并对应一个唯一的标识符，该标识符由服务器根据对应节点的内容生成。可选地，若被拆分出来的节点中包含了其他节点(例如一个内容节点)，则可以用内容占位符来进行标识，该内容占位符可以是一个用于标识此处有内容的符号，也可以是一个标识符(即另一个节点的标识符)，从而使得拆分出来的节点具备可复用性。
可选地，服务器可以采用预先下发或者实时下发的方式将目标网页的节点(或者说分片内容)进行下发，下发过程中，可以使用key-value的形式，即节点与标识符一一匹配。可选地，服务器还可以在下发过程中标识节点的类型。
本申请的一些实施例中，所述缓存数据是通过生成第一网页时得到，其中，所述第一网页为所述目标网页之前接收到的网页，也就是说，同样的，服务器将第一网页拆分成若干节点下发至电子设备，电子设备通过对第一网页的各个节点进行解析，使之成为已解析、可渲染的节点数据对象，然后将其与标识符一一对应存储起来，得到缓存数据。
本申请实施例中，由于电子设备接收到的是服务器将网页进行拆分后得到的若干节点，因此，对于没有保存在缓存数据中的需要进行解析的节点，可以采用多线程并发解析的技术来提高解析速度，也就是说，电子设备可以采用多线程的方式同时解析多个节点，从而提高节点的解析速度，节省解析所需的时间。
本申请实施例中，对节点进行解析后得到的节点数据对象可以包括以下几部分数据：1、视图框架；2、可变部分内容。以上文中的一个节点为例：
<body>
<p>内容占位符3</p>
<p>内容占位符4</p>
<p>内容占位符5</p>
</body>。
body部分划定了一个视图框架，将其作为独立节点进行解析后，其对应的节点数据对象为：1、视图部分(body框架)；2、可变内容(三个)。此时，可复用的body只规定了内部有三个可变组件，至于具体是什么则无具体规定，在渲染的时候，需要在里面放什么，可以由其他节点决定(例如内容占位符对应的内容)，由此，这一body组件就是可复用的，因此我们就可以将这个节点数据对象缓存起来，后面有需要使用类似的组件时就可以直接使用。
本申请的一些实施例中，所述根据所述目标节点数据对象，生成所述待渲染节点的渲染数据，包括：
采用所述缓存数据中的目标节点数据对象，对所述待渲染节点进行渲染，生成所述待渲染节点的渲染数据。
由上述内容可知，若在所述缓存数据中可以查询到与目标标识符对应的目标节点数据对象，由于目标节点数据对象可以直接渲染，因此，可以直接利用目标节点数据对所述待渲染节点进行渲染，从而得到待渲染节点的渲染数据。可选的，本申请实施例中的渲染可以采用dom渲染等方式。
本申请的另一些实施例中，所述缓存数据中还包括预渲染数据，所述预渲染数据为对第一节点数据对象进行预渲染得到，所述第一节点数据为所述缓存数据中复用率高于预设阈值的节点数据对象；
所述根据所述目标节点数据对象，得到所述待渲染节点的渲染数据，包括：
从所述预渲染数据中，确定与所述目标节点数据对象对应的目标预渲染数据；
将所述目标预渲染数据确定为所述待渲染节点的渲染数据。
示例性的，本申请实施例中的电子设备具备预渲染能力，所谓预渲染，是一种离屏渲染能力，正常情况下，渲染发生在视图即将显示的时候，而本申请实施例中，可以将渲染的时机提前，在用户未打开浏览器时，就对复用率较高的节点组件(即节点数据对象)进行渲染，得到预渲染数据，这里的渲染可以理解为将所有可渲染数据转化为可直接用于计算机显示单元显示的数据的方案，由此，在生成目标网页时，无需在显示的时候再进行二次数据转换，而是直接将该数据传输至计算机显示单元即可以最快的速度显示出对应的图像，由此省去了大量的计算和数据转化耗时。
也就是说，本申请实施例中，通过将复用率高于预设阈值的节点数据对象进行预渲染，直接渲染成可被计算机显示单元直接使用的显示数据，即预渲染数据，并进行缓存，在查找时，直接查找到与所述标识符对应的目标节点数据对象进行预渲染后得到的目标预渲染数据，并将所述目标预渲染数据确定为所述待渲染节点的渲染数据，即可直接利用渲染数据生成并显示目标网页。
总而言之，本申请实施例中，在生成目标网页时，通过逐一获取目标网页的各个待渲染节点，在缓存数据中查找是否存在目标节点数据对象，若存在，并且该目标节点数据对象有预渲染后的目标预渲染数据，则直接利用目标预渲染数据生成并显示目标网页的对应部分，若该目标节点数据对象没有预渲染后的目标预渲染数据，则利用所述目标节点数据对象对所述待渲染节点进行渲染，得到所述待渲染节点的渲染数据；而若不存在目标节点数据对象，则下载目标网页中与该待渲染节点对应的节点数据并对其进行解析，得到目标节点数据对象，然后将该目标节点数据对象保存到缓存数据中，以更新所述缓存数据，同时，利用该目标节点数据对象对所述待渲染节点进行渲染，得到所述待渲染节点的渲染数据；最终，生成并显示该目标网页。
在本申请实施例中，通过在打开网页之前将已经解析的、可渲染的节点数据对象进行缓存，在打开网页进行渲染时在缓存数据中进行查询，若有相应的节点数据对象则直接复用，由此省去了对相应节点重新进行解析的过程，大大减少了浏览器的解析时间，提高了网页的打开速度。
需要说明的是，本申请实施例提供的网页生成方法，执行主体可以为网页生成装置，或者该网页生成装置中的用于执行网页生成方法的控制模块。本申请实施例中以网页生成装置执行网页生成方法为例，说明本申请实施例提供的网页生成装置。
请参考图2，为本申请实施例提供的一种网页生成装置的结构示意图。如图2所示，本申请另一方面实施例还提供了一种网页生成装置，所述装置20包括：
获取模块21，用于获取目标网页的待渲染节点；
生成模块22，用于在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页；
显示模块23，用于根据所述渲染数据，显示所述目标网页。
可选地，所述装置20还包括：
下载模块，用于在所述缓存数据中不存在所述目标节点数据对象的情况下，下载所述待渲染节点对应的节点数据；
解析模块，用于对所述节点数据进行解析，得到所述目标节点数据对象；
保存模块，用于将所述目标节点数据对象和所述目标标识符关联保存在所述缓存数据中，并根据所述目标节点数据对象，生成所述待渲染节点的渲染数据。
可选地，所述获取模块包括：
接收单元，用于接收服务器发送的目标网页的至少一个待渲染节点以及每个待渲染节点对应的目标标识符；
其中，所述至少一个待渲染节点由所述服务器将所述目标网页进行拆分得到，所述待渲染节点对应的目标标识符是由所述服务器根据所述待渲染节点的内容生成的。
可选地，所述缓存数据中还包括预渲染数据，所述预渲染数据为对第一节点数据对象进行预渲染得到，所述第一节点数据为所述缓存数据中复用率高于预设阈值的节点数据对象；
所述生成模块包括：
第一确定单元，用于从所述预渲染数据中，确定与所述目标节点数据对象对应的目标预渲染数据；
第二确定单元，用于将所述目标预渲染数据确定为所述待渲染节点的渲染数据。
可选地，所述生成模块包括：
渲染单元，用于采用所述缓存数据中的目标节点数据对象，对所述待渲染节点进行渲染，生成所述待渲染节点的渲染数据。
在本申请实施例中，通过在打开目标网页之前将已经解析的、可渲染的节点数据对象进行缓存，在打开目标网页进行渲染时在缓存数据中进行查询，若有相应的节点数据对象则直接复用，由此省去了对相应节点重新进行解析的过程，大大减少了浏览器的解析时间，提高了网页的打开速度。
本申请实施例中的网页生成装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personaldigital assistant，PDA)等，非移动电子设备可以为个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的网页生成装置可以为具有操作***的装置。该操作***可以为安卓(Android)操作***，可以为iOS操作***，还可以为其他可能的操作***，本申请实施例不作具体限定。
本申请实施例提供的网页生成装置能够实现图1的方法实施例实现的各个过程，为避免重复，这里不再赘述。
可选地，如图3所示，本申请实施例还提供一种电子设备300，包括处理器301，存储器302，存储在存储器302上并可在所述处理器301上运行的程序或指令，该程序或指令被处理器301执行时实现上述网页生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图4为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备400包括但不限于：射频单元401、网络模块402、音频输出单元403、输入单元404、传感器405、显示单元406、用户输入单元407、接口单元408、存储器409、以及处理器4010等部件。
本领域技术人员可以理解，电子设备400还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理***与处理器4010逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。图4中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，网络模块402，用于获取目标网页的待渲染节点；
处理器4010，用于在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页；
显示单元406，用于根据所述渲染数据，显示所述目标网页
在本申请实施例中，通过在打开网页之前将已经解析的、可渲染的节点数据对象进行缓存，在打开网页进行渲染时在缓存数据中进行查询，若有相应的节点数据对象则直接复用，由此省去了对相应节点重新进行解析的过程，大大减少了浏览器的解析时间，提高了网页的打开速度。
可选地，网络模块402，还用于在所述缓存数据中不存在所述目标节点数据对象的情况下，下载所述待渲染节点对应的节点数据；
可选地，处理器4010，还用于对所述节点数据进行解析，得到所述目标节点数据对象；
处理器4010，还用于根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；
存储器409，用于将所述目标节点数据对象和所述目标标识符关联保存在所述缓存数据中。
可选地，网络模块402，还用于接收服务器发送的目标网页的至少一个待渲染节点以及每个待渲染节点对应的目标标识符；
其中，所述至少一个待渲染节点由所述服务器将所述目标网页进行拆分得到，所述待渲染节点对应的目标标识符是由所述服务器根据所述待渲染节点的内容生成的。
可选地，所述缓存数据中还包括预渲染数据，所述预渲染数据为对第一节点数据对象进行预渲染得到，所述第一节点数据为所述缓存数据中复用率高于预设阈值的节点数据对象；
所述根据所述目标节点数据对象，得到所述待渲染节点的渲染数据，包括：
从所述预渲染数据中，确定与所述目标节点数据对象对应的目标预渲染数据；
将所述目标预渲染数据确定为所述待渲染节点的渲染数据。
可选地，所述根据所述目标节点数据对象，生成所述待渲染节点的渲染数据，包括：
采用所述缓存数据中的目标节点数据对象，对所述待渲染节点进行渲染，生成所述待渲染节点的渲染数据。
在本申请实施例中，通过在打开目标网页之前将已经解析的、可渲染的节点数据对象进行缓存，在打开目标网页进行渲染时在缓存数据中进行查询，若有相应的节点数据对象则直接复用，由此省去了对相应节点重新进行解析的过程，大大减少了浏览器的解析时间，提高了网页的打开速度。
应理解的是，本申请实施例中，输入单元404可以包括图形处理器(GraphicsProcessing Unit，GPU)4041和麦克风4042，图形处理器4041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元406可包括显示面板4061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板4061。用户输入单元407包括触控面板4071以及其他输入设备4072。触控面板4071，也称为触摸屏。触控面板4071可包括触摸检测装置和触摸控制器两个部分。其他输入设备4072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器409可用于存储软件程序以及各种数据，包括但不限于应用程序和操作***。处理器4010可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器4010中。
本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述网页生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述网页生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为***级芯片、***芯片、芯片***或片上***芯片等。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。
Claims (12)
1.一种网页生成方法，其特征在于，包括：
获取目标网页的待渲染节点；
在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页；
根据所述渲染数据，显示所述目标网页。
2.根据权利要求1所述的方法，其特征在于，所述获取目标网页的待渲染节点之后，还包括：
在所述缓存数据中不存在所述目标节点数据对象的情况下，下载所述待渲染节点对应的节点数据；
对所述节点数据进行解析，得到所述目标节点数据对象；
将所述目标节点数据对象和所述目标标识符关联存储在所述缓存数据中，并根据所述目标节点数据对象，生成所述待渲染节点的渲染数据。
3.根据权利要求1所述的方法，其特征在于，所述获取目标网页的待渲染节点，包括：
接收服务器发送的目标网页的至少一个待渲染节点以及每个待渲染节点对应的目标标识符；
其中，所述至少一个待渲染节点由所述服务器将所述目标网页进行拆分得到，所述待渲染节点对应的目标标识符是由所述服务器根据所述待渲染节点的内容生成的。
4.根据权利要求1所述的方法，其特征在于，所述缓存数据中还包括预渲染数据，所述预渲染数据为对第一节点数据对象进行预渲染得到，所述第一节点数据为所述缓存数据中复用率高于预设阈值的节点数据对象；
所述根据所述目标节点数据对象，得到所述待渲染节点的渲染数据，包括：
从所述预渲染数据中，确定与所述目标节点数据对象对应的目标预渲染数据；
将所述目标预渲染数据确定为所述待渲染节点的渲染数据。
5.根据权利要求1所述的方法，其特征在于，所述根据所述目标节点数据对象，生成所述待渲染节点的渲染数据，包括：
采用所述缓存数据中的目标节点数据对象，对所述待渲染节点进行渲染，生成所述待渲染节点的渲染数据。
6.一种网页生成装置，其特征在于，包括：
获取模块，用于获取目标网页的待渲染节点；
生成模块，用于在缓存数据中存在与所述待渲染节点的目标标识符对应的目标节点数据对象的情况下，根据所述目标节点数据对象，生成所述待渲染节点的渲染数据；其中，所述缓存数据包括至少一个标识符以及与每个所述标识符对应的节点数据对象，所述节点数据对象是通过对第一网页中的节点进行解析后得到的，所述第一网页为在所述目标网页之前已生成的网页；
显示模块，用于根据所述渲染数据，显示所述目标网页。
7.根据权利要求6所述的装置，其特征在于，还包括：
下载模块，用于在所述缓存数据中不存在所述目标节点数据对象的情况下，下载所述待渲染节点对应的节点数据；
解析模块，用于对所述节点数据进行解析，得到所述目标节点数据对象；
保存模块，用于将所述目标节点数据对象和所述目标标识符关联保存在所述缓存数据中，并根据所述目标节点数据对象，生成所述待渲染节点的渲染数据。
8.根据权利要求6所述的装置，其特征在于，所述获取模块包括：
接收单元，用于接收服务器发送的目标网页的至少一个待渲染节点以及每个待渲染节点对应的目标标识符；
其中，所述至少一个待渲染节点由所述服务器将所述目标网页进行拆分得到，所述待渲染节点对应的目标标识符是由所述服务器根据所述待渲染节点的内容生成的。
9.根据权利要求6所述的装置，其特征在于，所述缓存数据中还包括预渲染数据，所述预渲染数据为对第一节点数据对象进行预渲染得到，所述第一节点数据为所述缓存数据中复用率高于预设阈值的节点数据对象；
所述生成模块包括：
第一确定单元，用于从所述预渲染数据中，确定与所述目标节点数据对象对应的目标预渲染数据；
第二确定单元，用于将所述目标预渲染数据确定为所述待渲染节点的渲染数据。
10.根据权利要求6所述的装置，其特征在于，所述生成模块包括：
渲染单元，用于采用所述缓存数据中的目标节点数据对象，对所述待渲染节点进行渲染，生成所述待渲染节点的渲染数据。
11.一种电子设备，其特征在于，包括处理器，存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1-5中任一项所述的网页生成方法的步骤。
12.一种可读存储介质，其特征在于，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1-5中任一项所述的网页生成方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110880720.1A CN113626742A (zh) | 2021-08-02 | 2021-08-02 | 网页生成方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110880720.1A CN113626742A (zh) | 2021-08-02 | 2021-08-02 | 网页生成方法、装置、电子设备及可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113626742A true CN113626742A (zh) | 2021-11-09 |
Family
ID=78382131
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110880720.1A Pending CN113626742A (zh) | 2021-08-02 | 2021-08-02 | 网页生成方法、装置、电子设备及可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113626742A (zh) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102880607A (zh) * | 2011-07-15 | 2013-01-16 | 舆情（香港）有限公司 | 网络动态内容抓取方法及网络动态内容爬虫*** |
| CN104461632A (zh) * | 2014-12-09 | 2015-03-25 | 东软集团股份有限公司 | 一种Web App加载方法及装置 |
| CN106776761A (zh) * | 2016-11-18 | 2017-05-31 | 武汉斗鱼网络科技有限公司 | 一种移动浏览器渲染网页的方法及装置 |
| US20170346876A1 (en) * | 2016-05-27 | 2017-11-30 | Microsoft Technology Licensing, Llc | Web page accelerations for web application hosted in native mobile application |
| CN108241703A (zh) * | 2016-12-27 | 2018-07-03 | 腾讯科技（深圳）有限公司 | 网页数据传输方法和装置 |
| CN109634598A (zh) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、设备及存储介质 |
| CN109684575A (zh) * | 2018-10-30 | 2019-04-26 | 平安科技（深圳）有限公司 | 网页数据的处理方法及装置、存储介质、计算机设备 |
| US20200279010A1 (en) * | 2019-03-01 | 2020-09-03 | Salesforce.Com, Inc. | Rule-based content caching |
| CN111708600A (zh) * | 2020-08-20 | 2020-09-25 | 腾讯科技（深圳）有限公司 | 页面显示方法、装置、设备及计算机可读存储介质 |
| CN112395520A (zh) * | 2019-08-16 | 2021-02-23 | 腾讯科技（深圳）有限公司 | 一种应用程序对象的内容数据获取方法、装置、电子设备及存储介质 |
| CN112507259A (zh) * | 2020-12-15 | 2021-03-16 | 广州博冠信息科技有限公司 | 网页加载方法及装置、电子设备、存储介质 |
-
2021
- 2021-08-02 CN CN202110880720.1A patent/CN113626742A/zh active Pending
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102880607A (zh) * | 2011-07-15 | 2013-01-16 | 舆情（香港）有限公司 | 网络动态内容抓取方法及网络动态内容爬虫*** |
| CN104461632A (zh) * | 2014-12-09 | 2015-03-25 | 东软集团股份有限公司 | 一种Web App加载方法及装置 |
| US20170346876A1 (en) * | 2016-05-27 | 2017-11-30 | Microsoft Technology Licensing, Llc | Web page accelerations for web application hosted in native mobile application |
| CN106776761A (zh) * | 2016-11-18 | 2017-05-31 | 武汉斗鱼网络科技有限公司 | 一种移动浏览器渲染网页的方法及装置 |
| CN108241703A (zh) * | 2016-12-27 | 2018-07-03 | 腾讯科技（深圳）有限公司 | 网页数据传输方法和装置 |
| CN109684575A (zh) * | 2018-10-30 | 2019-04-26 | 平安科技（深圳）有限公司 | 网页数据的处理方法及装置、存储介质、计算机设备 |
| CN109634598A (zh) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、设备及存储介质 |
| US20200279010A1 (en) * | 2019-03-01 | 2020-09-03 | Salesforce.Com, Inc. | Rule-based content caching |
| CN112395520A (zh) * | 2019-08-16 | 2021-02-23 | 腾讯科技（深圳）有限公司 | 一种应用程序对象的内容数据获取方法、装置、电子设备及存储介质 |
| CN111708600A (zh) * | 2020-08-20 | 2020-09-25 | 腾讯科技（深圳）有限公司 | 页面显示方法、装置、设备及计算机可读存储介质 |
| CN112507259A (zh) * | 2020-12-15 | 2021-03-16 | 广州博冠信息科技有限公司 | 网页加载方法及装置、电子设备、存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| 金广龙;秦庆鹏;: "基于BS架构的BIM模型轻量化技术", 中国高新科技, no. 12, 15 June 2020 (2020-06-15) * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108804707B (zh) | 一种页面处理方法、装置以及相关设备 | |
| US20190251143A1 (en) | Web page rendering method and related device | |
| US8468145B2 (en) | Indexing of URLs with fragments | |
| CN107105336B (zh) | 数据处理方法及数据处理装置 | |
| KR20130066603A (ko) | 폰트 서브세트의 개시 | |
| CN102799372B (zh) | 一种图片信息的上传方法及上传装置 | |
| CN110990736A (zh) | 页面加载方法、装置、终端设备和存储介质 | |
| US9449114B2 (en) | Removing non-substantive content from a web page by removing its text-sparse nodes and removing high-frequency sentences of its text-dense nodes using sentence hash value frequency across a web page collection | |
| US20120236004A1 (en) | Information output apparatus and information output method and recording medium | |
| JP2021111403A (ja) | ランディングページの処理方法、装置、機器及び媒体 | |
| KR20120025066A (ko) | 스크립트에 의한 동적 리소스 정보를 처리하는 웹 브라우징 시스템 및 방법 | |
| US11720407B2 (en) | Resource pre-fetch using age threshold | |
| CN103294717A (zh) | 一种基于双内核浏览器的网页打开方法和装置 | |
| CN112463272B (zh) | 一种界面布局加载显示方法、***、电子设备及存储介质 | |
| CN111859215A (zh) | 页面显示方法、装置、电子设备及可读存储介质 | |
| CN112905920B (zh) | 一种页面显示的方法和装置 | |
| CN113626742A (zh) | 网页生成方法、装置、电子设备及可读存储介质 | |
| WO2022135410A1 (zh) | 加载源文件的方法及装置 | |
| CN106777055B (zh) | 一种实现网站接口化渲染的方法与装置 | |
| CN113962316A (zh) | 模型训练方法、装置及电子设备 | |
| CN114186148A (zh) | 页面加载方法、装置、电子设备及存储介质 | |
| CN113254819A (zh) | 一种页面渲染方法、***、设备和存储介质 | |
| US20150373080A1 (en) | Devices and methods for opening online documents | |
| CN113343139A (zh) | 信息显示方法及其装置 | |
| Yang et al. | Design and Implementation of Subculture Community Application based on Hybrid Android technology |
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 |