一种页面显示处理方法、装置、电子设备及存储介质与流程

1.本发明实施例涉及计算机技术领域，尤其涉及一种页面显示处理方法、装置、电子设备及存储介质。


背景技术：

2.随着互联网用户快速增加，浏览器页面的应用越来越广泛，在浏览器页面的使用过程中，用户对浏览器页面的更新过程的快捷性要求逐渐提高。
3.目前，通常是服务器检测到浏览器页面更新时，基于浏览器页面中的各页面元素生成相应的页面绘制指令，并将各页面绘制指令打包为页面绘制指令集，然后将页面绘制指令集发送至用户使用的客户端，对客户端中的页面进行更新。但是目前浏览器页面一般较为复杂，当浏览器页面发生大量更新时，服务器在将与浏览器页面相对应的页面绘制指令集发送给客户端的过程中，会导致流量的激增，影响浏览器页面更新的快捷性。
4.为了解决上述问题，需要对浏览器页面的更新方法进行改进。


技术实现要素：

5.本发明提供一种页面显示处理方法、装置、电子设备及存储介质，以实现在对页面更新时，降低传输过程中的流量并提高页面更新速度的效果。
6.第一方面，本发明实施例提供了一种页面显示处理方法，包括：
7.在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，其中，所述待使用绘制指令集是基于更新指令所对应的目标页面生成的，所述待使用绘制指令集中的各待使用子绘制指令与所述目标页面中的各显示元素相对应；
8.根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；
9.基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。
10.第二方面，本发明实施例还提供了一种页面显示处理装置，包括：
11.绘制指令集确定模块，用于在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，其中，所述待使用绘制指令集是基于更新指令所对应的目标页面生成的，所述待使用绘制指令集中的各待使用子绘制指令与所述目标页面中的各显示元素相对应；
12.目标绘制指令确定模块，用于根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；
13.目标数据包发送模块，用于基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页
面。
14.第三方面，本发明实施例还提供了一种电子设备，所述电子设备包括：
15.一个或多个处理器；
16.存储装置，用于存储一个或多个程序，
17.当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明实施例任一所述的页面显示处理方法。
18.第四方面，本发明实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如本发明实施例任一所述的页面显示处理方法。
19.本实施例的技术方案，在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，通过更新指令中携带的与当前页面相对应的页面标识，获取与页面标识相对应的页面，并基于目标解析函数对获得的页面进行解析，得到与当前页面相对应的至少一个显示元素，并确定与各显示元素相对应的绘制指令。根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令，根据绘制指令所对应的数据类型，确定与数据类型相对应的目标检测方式，并基于目标检测方式对各绘制指令集中的绘制指令进行检测，确定两个绘制指令集中相异的绘制指令。基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。解决了在将与页面更新的数据包发送给客户端的过程中产生的流量较大的问题，实现了在对页面更新时，降低传输过程中的流量并提高页面更新速度的效果。
附图说明
20.为了更加清楚地说明本发明示例性实施例的技术方案，下面对描述实施例中所需要用到的附图做一简单介绍。显然，所介绍的附图只是本发明所要描述的一部分实施例的附图，而不是全部的附图，对于本领域普通技术人员，在不付出创造性劳动的前提下，还可以根据这些附图得到其他的附图。
21.图1为本发明实施例一所提供的一种页面显示处理方法的流程示意图；
22.图2为本发明实施例二所提供的一种页面显示处理方法的流程示意图；
23.图3为本发明实施例三所提供的一种页面显示处理方法的流程示意图；
24.图4为本发明实施例四所提供的一种页面显示处理装置的结构示意图；
25.图5为本发明实施例五所提供的一种电子设备的结构示意图。
具体实施方式
26.下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。
27.在对本技术方案进行详细阐述之前，首先对本技术方案的应用场景进行简单介绍，以便更加清楚的理解本技术方案。在日常生活中，用户可以通过客户端打开相应的显示
页面，如浏览器页面或编辑文档页面等。在显示页面中通常包括多个显示元素，在对各显示元素进行显示之前，客户端会将显示页面中的各显示元素发送给服务器，由服务器对各显示元素进行处理，生成与各显示元素相对应的绘制指令，然后将绘制指令发送给客户端，由客户端基于各绘制指令对页面进行渲染处理，并将渲染后的页面显示给用户。
28.实施例一
29.图1为本发明实施例一所提供的一种页面显示处理方法流程示意图，本实施例可适用于基于显示页面中的触发操作，对页面中的各显示元素进行更新的情况，该方法可以由页面显示处理装置来执行，该装置可以通过软件和/或硬件的形式实现，硬件可以是电子设备，如，移动终端或pc端等。
30.如图1所示，该方法包括：
31.s110、在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集。
32.其中，当前页面可以理解为用户所使用的客户端当前时刻正在显示的页面，如，可以是一个浏览器页面。可以理解的是，在当前页面中包括至少一个元素，如，文字、字体颜色、字体大小、图片查看以及图片保存等显示元素元素，在用户使用客户端对当前页面进行浏览时，根据用户对当前页面中的各显示元素的触发操作可对当前页面进行更新，如，当前页面中的光标位置放置在某个图片上时，此时，该图片会被放大并显示在当前页面中。更新指令可以理解为当检测到用户对当前页面中的文字、字体或图片的触发操作时，基于用户的触发操作所生成的指令。待使用绘制指令集可以理解为基于更新指令所对应的目标页面生成的，待使用绘制指令集中的各待使用子绘制指令与目标页面中的各显示元素相对应。目标页面可以理解为基于待使用绘制指令集中的各指令对当前页面进行更新后得到的页面。各待使用子绘制指令可以理解为与目标页面中的各显示元素相对应的指令。
33.具体的，用户在对当前页面进行浏览时，当检测到用户对当前页面中的各显示元素的触发操作时，基于用户的触发操作可以生成对当前页面进行更新的更新指令。在接收到对当前页面的更新指令时，对更新指令进行解析，获得与更新指令相对应的至少一个显示元素，以基于各显示元素生成相应的待使用绘制指令，并确定与各待使用绘制指令相对应的待使用绘制指令集。
34.可选的，所述在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，包括：在接收到对当前页面的更新指令时，基于目标解析函数对所述更新指令相对应的页面进行解析，并确定与所述更新指令相对应的页面相对应的至少一个显示元素；其中，所述至少一个显示元素与隶属于同一显示控件中的显示信息相对应；将各显示元素转换为相应的绘制指令，得到所述待使用绘制指令；将各待使用绘制指令按照与所述当前页面中的各元素相匹配的预设排布规则进行排布，得到待使用绘制指令集。
35.其中，客户端在将各显示元素发送给服务器中，通常不是将各显示元素直接发送给服务器，而是将当前页面所对应的页面标识发送给服务器，然后服务器根据页面标识并获取与页面标识相对应的页面，然后基于服务器中的目标解析函数对当前页面进行解析，得到当前页面中的各显示元素。目标解析函数可以理解为对当前页面进行解析以得到当前页面中的各显示元素的函数，其中，当前页面为与更新指令相对应的页面。显示控件可以理解为与各显示元素相对应的触发控件，如，对字体进行放大，或者将页面中的光标移动到某
个图片时，对图片进行查看等，显示控件中的显示信息可以包括放大、缩小、删除、增加、查看或下载等。可以理解的是，页面中的显示元素通常是按照指定的放置位置和放置顺序在页面中进行放置的，预设排布规则可以理解为对各显示元素的位置和顺序进行放置的规则。
36.具体的，在服务器接收到对当前页面的更新指令时，根据更新指令中所携带的页面标识可以获取与当前页面相对应的页面，通过服务器中预先设置的目标解析函数对当前页面进行解析，得到当前页面所对应的至少一个显示元素。然后服务器可以对各显示元素进行指令绘制处理，可以得到各显示元素相对应的待使用绘制指令。为了能够确定各待使用绘制指令所对应的显示元素，在基于各待使用绘制指令生成待使用绘制指令集时，将各待使用绘制指令按照与当前页面相对应的预设排布规则进行排布，得到相应的待使用绘制指令集。
37.s120、根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令。
38.其中，待比对绘制指令集可以理解为基于用户未触发当前页面中的各显示元素时，基于当前页面相对应的待使用绘制指令生成的指令集。需要说明的是，待使用绘制指令集中的各待使用绘制指令与待比对绘制指令集中的各绘制指令的排布规则是相一致的，也就是说，两个绘制指令集中的各绘制指令的排布顺序相同，基于此，对同一排布位置的绘制指令所对应的数据信息进行比对，可以确定两个指令集中的相依的绘制指令，并将相异的绘制指令作为目标绘制指令。
39.实际应用中，在对页面更新的常规操作中，通常是服务器在获得与当前页面相对应的各显示元素之后，对各显示元素进行绘制指令处理，生成与各显示元素相对应的绘制指令，并将所有的绘制指令作为一个绘制指令集发送给客户端，以便客户端基于绘制指令集中的各绘制指令对当前页面进行更新。但是，由于用户在使用页面的过程中，经常存在较为频繁的页面更新，若每次页面更新都需要服务器将所有绘制指令所对应的绘制指令集发送给客户端，会导致发送过程中的流量激增问题。
40.因此，在本技术方案中，服务器生成与各待使用绘制指令相对应的待使用绘制指令集后，首先将待使用绘制指令集与当前页面的待比对绘制指令集进行对比，确定两个绘制指令集中相异的绘制指令，并将相异的绘制指令作为目标绘制指令，以便基于目标绘制指令生成相应的目标数据包，并将目标数据包发送给客户端，以使客户端基于目标数据包中的目标绘制指令，对当前页面进行渲染，得到目标页面。其中，目标绘制指令为相异的绘制指令，也就是说，在目标数据包中仅包括相异的绘制指令，在服务器发将绘制指令发送给客户端的过程中，只需要发送相异的绘制指令即可，这样设置的好处在于，能够大大降低绘制指令发送过程中的流量较大的问题。
41.s130、基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。
42.其中，目标数据包可以理解基于各目标绘制指令生成的数据包，在目标数据包中包括各目标绘制指令。目标当前页面中的目标元素可以理解为与目标绘制指令相对应的显示元素。目标页面可以理解为客户端基于目标数据包中的目标绘制指令对当前页面进行更
新后的页面。
43.在实际应用中，所述基于所述目标绘制指令生成目标数据包，并发送至客户端，包括：基于所述目标绘制指令生成相对应的目标数据包，并将所述目标数据包发送给客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述目标页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面；其中，所述目标页面与所述当前页面中的各元素的预设排布规则一致。
44.具体的，在得到目标数据包后，服务器将目标数据包发送给客户端，然后由客户端基于目标数据包中的目标绘制指令，对当前页面中的目标显示元素进行更新得到目标页面，并将得到的目标页面作为当前页面，以在当再次检测到用户对当前页面的触发操作时，再次基于本技术方案对当前页面进行更新。
45.可选的，当首次对所述当前页面进行查看时，生成与所述当前页面中的各元素相对应的待显示指令；基于所述待显示指令，按照与所述当前页面的预设排布规则进行排布，生成与所述当前页面相对应的待显示绘制指令集；基于所述待显示绘制指令集生成待显示数据包，将所述待显示数据包发送给所述客户端。
46.其中，待显示指令可以理解为用户在首次打开当前页面时，生成的与显示当前页面相对应的指令。待显示指令集可以理解为包含各待显示指令的指令集。
47.具体的，当用户基于客户端打开当前页面时，可以视为首次对当前页面进行查看。在首次对当前页面进行查看时，客户端将当前页面所对应的页面标识发送给服务器，服务器基于页面标识获取相应的页面，并基于服务器中的目标解析函数对当前页面进行解析，获取与当前页面相对应的各显示元素。然后，服务器可以对各显示元素进行绘制指令处理，生成与各待显示元素相对应的待显示绘制指令，并得到相应的待显示绘制指令集，进而基于生成的待显示绘制指令集生成相应的待显示数据包，将所述待显示数据包发送给客户端，以使客户端基于所述待显示数据包中的各待显示绘制指令对当前页面进行渲染处理，并将渲染后的页面显示各用户。
48.本实施例的技术方案，在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，通过更新指令中携带的与当前页面相对应的页面标识，获取与页面标识相对应的页面，并基于目标解析函数对获得的页面进行解析，得到与当前页面相对应的至少一个显示元素，并确定与各显示元素相对应的绘制指令。根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令，根据绘制指令所对应的数据类型，确定与数据类型相对应的目标检测方式，并基于目标检测方式对各绘制指令集中的绘制指令进行检测，确定两个绘制指令集中相异的绘制指令。基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。解决了在将与页面更新的数据包发送给客户端的过程中产生的流量较大的问题，实现了在对页面更新时，降低传输过程中的流量并提高页面更新速度的效果。
49.实施例二
50.作为上述实施例的一可选实施例，图2为本发明实施例二所提供的一种页面显示处理方法的流程示意图，可选的，对所述根据所述待使用绘制指令集和所述当前页面的待
比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令进行细化。
51.如图2所示，该方法包括：
52.s210、在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集。
53.s220、确定所述待使用绘制指令集和所述待比对绘制指令集中各绘制子指令所对应的数据类型，并根据所述数据类型确定对所述待使用绘制指令集和所述待比对绘制指令集的目标检测方式。
54.其中，数据类型可以包括二进制字节数据和文本数据等类型，绘制子指令可以理解为待使用绘制指令集中的各绘制指令，或者是待比对绘制指令集中的各绘制指令。目标检测方式可以理解为与各绘制子指令的数据类型相匹配的检测方式。如，若各绘制子指令的数据类型为二进制字节数据，与该数据类型相对应的目标检测方式为二进制字节检测方式；若各绘制子指令的数据类型为文本数据类型，与该数据类型相对应的目标检测方式为文本检测方式。
55.具体的，绘制指令的数据类型可以有多种，如二进制字节数据或文本数据等类型。在确定目标绘制指令之前，需要根据各绘制子指令的数据类型确定与数据类型相对应的数据检测方式，如，可以根据预设关键词或预设字段等，确定各绘制子指令的数据类型。也就是说需要确定待使用绘制指令集和待比对绘制指令集中的绘制子指令所对应的数据类型，例如，根据各显示元素所对应的关键词信息，确定该元素所对应的绘制子指令的数据类型，然后根据确定的数据类型确定与该数据类型相对应的检测方式，以对各绘制指令集中的各绘制子指令进行检测，并确定目标绘制指令。
56.可选的，所述确定所述待使用绘制指令集和所述待比对绘制指令集中各绘制子指令所对应的数据类型，并根据所述数据类型确定对所述待使用绘制指令集和所述待比对绘制指令集的目标检测方式，包括：若绘制子指令所对应的数据类型为二进制字节数据，则基于二进制字节检测方式对同一排布位置的二进制字节数据进行检测；若所述绘制子指令所对应的数据类型为文本数据，则基于文本检测方式对同一排布位置的文本数据进行检测。
57.其中，二进制字节数据可以理解为通过对当前页面所对应的各显示元素转换后，得到的二进制数据。二进制字节检测方式可以理解为对二进制字节数据进行检测的方式，如，某个显示元素所对应的绘制子指令的二进制字节数据为001100，基于二进制字节检测方式对该绘制子指令进行检测时，对于该绘制指令中的二进制字节数据进行检测，以确定该绘制子指令是否为相异的绘制指令。文本数据可以理解为与各显示元素相对应的文字数据，文本检测方式可以理解为对各绘制子指令中的文本数据进行检测的方式。
58.具体的，若绘制子指令所对应的数据类型为二进制字节数据，则基于二进制字节检测方式对待使用绘制指令集和待比绘制指令集中，与同一排布位置所对应的二进制字节数据进行检测。若绘制子指令所对应的数据类型为文本数据，则基于文本检测方式对待使用绘制指令集合待比对绘制指令集中，与同一排布位置所对应的文本数据进行检测。
59.示例性地，若绘制子指令的数据类型为文本数据，待使用绘制指令集中包括5个子绘制指令，在基于文本数据检测方式进行检测时，将待使用绘制指令集中第1个绘制子指令中的文本数据与待比对绘制指令集中的第1个绘制子指令中的文本数据进行检测，并确定两个绘制子指令中是否存在相异的文本数据；将待使用绘制指令集中第2个绘制子指令中
的文本数据与待比对绘制指令集中的第2个绘制子指令中的文本数据进行检测，并确定两个绘制子指令中是否存在相异的文本数据，依此类推。
60.s230、基于各目标检测方式对所述待使用绘制指令集和所述待比对绘制指令集中的相应的绘制子指令进行检测，得到检测结果。
61.具体的，为了确定待使用绘制指令基于待比对绘制指令集中的目标绘制指令，也就是相异的绘制指令，确定各绘制子指令所对应的数据类型后，基于与各数据类型相对应的目标检测方式对各绘制指令集中的绘制子指令进行检测，得到检测结果，并根据检测结果确定目标绘制指令。
62.可选的，所述检测结果中包括所述第一检测结果或第二检测结果，所述基于各目标检测方式对所述待使用绘制指令集和所述待比对绘制指令集中的相应的绘制子指令进行检测，得到检测结果，包括：若基于二进制字节检测方式进行检测，确定所述待使用绘制指令集和所述待比对绘制指令集中相异的字节数据，并将所述相异的字节数据作为第一检测结果；若基于文本检测方式进行检测，确定所述待使用绘制指令集和所述待比对绘制指令集中相异的文本数据，并将所述相异的文本数据作为第二检测结果。
63.其中，第一检测结果可以理解为基于二进制字节检测方式得到的检测结果。第二检测结果可以理解为基于文本检测方式得到的检测结果。
64.在实际应用中，若绘制子指令所对应的数据类型为二进制字节数据，则基于二进制字节检测方式对待使用绘制指令集和待比对绘制中集中的绘制子指令进行检测。若在检测过程中，发现两个绘制指令集中存在二进制字节数据相异的绘制子指令，则将相异的二进制字节数据作为第一检测结果。
65.相类似的，若绘制子指令所对应的数据类型为文本数据，则基于文本检测方式对待使用绘制指令集和待比对绘制中集中的绘制子指令进行检测。若在检测过程中，发现两个绘制指令集中存在文本数据相异的绘制子指令，则将相异的文本数据作为第一检测结果。
66.s240、若所述检测结果中包含相异的目标数据信息，则基于所述目标数据信息生成目标绘制指令。
67.其中，目标数据信息可以理解为数据相异的信息，包括相异的二进制字节数据或文本数据。
68.具体的，若在第一检测结果或第二检测结果中存在相异的二进制字节数据或文本数据，则将相异的数据信息作为目标数据信息，并基于目标数据信息生成目标绘制指令，以基于目标绘制指令生成相应的目标数据包并发送至客户端。
69.s250、基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。
70.本实施例的技术方案，确定所述待使用绘制指令集和所述待比对绘制指令集中各绘制子指令所对应的数据类型，并根据所述数据类型确定对所述待使用绘制指令集和所述待比对绘制指令集的目标检测方式，若数据类型为二进制字节数据，则确定目标检测方式为二进制字节检测，若数据类型为文本数据，则确定目标检测方式为文本数据。基于各目标检测方式对所述待使用绘制指令集和所述待比对绘制指令集中的相应的绘制子指令进行
检测，得到检测结果，基于目标检测方式对各绘制子指令中的数据信息进行检测，若各绘制子指令中存在相异的二进制字节数据或文本数据，并确定与各目标检测方式相对应的检测结果。若所述检测结果中包含相异的目标数据信息，则基于所述目标数据信息生成目标绘制指令，基于目标绘制指令生成相应的目标数据包，并将目标数据包发送给客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。解决了现有技术中对页面的更新没有针对性的问题，实现了基于页面中更新的显示元素生成相应的绘制子指令，根据各绘制子指令得到目标数据包，并将目标数据包发送给客户端，以使客户端有针对性的对页面中更新的显示元素进行更新的效果。
71.实施例三
72.在一个具体的例子中，如图3所示，以客户端为浏览器为例，用户基于客户端打开浏览器页面(即，当前页面)，在用户使用浏览器页面的过程中，客户端浏览器基于用户在浏览器页面中的触发操作以及与浏览器页面相对应的页面标识，生成与浏览器页面相对应的更新指令，并将该更新指令发送给远程浏览器(即，服务器)。服务器在接收到与当前页面相对应的更新指令时，基于该更新指令中携带的页面标识，如页面标识可以为浏览器页面所对应的资源定位符，获取与该页面标识相对应的网页(即，当前页面)。然后基于服务器中的目标解析函数对当前页面进行解析，得到当前页面中的至少一个显示元素，并生成与各显示元素相对应的待使用绘制指令，基于各绘制指令生成相应的绘制指令集(即，待使用绘制指令集)。为了确定待使用绘制指令集中与待比对绘制指令集中的绘制指令相异的绘制指令，需要对两个绘制指令集中的各绘制指令进行比对。在进行绘制指令比对之前，首先确定绘制指令的数据类型，如数据类型可以为二进制字节数据，也可以为文本数据，基于确定的数据类型确定与各待使用绘制指令相对应的目标检测方式。示例性地，若待使用绘制指令的数据类型为二进制字节数据，则基于二进制字节检测方式对待使用绘制指令集合待比对绘制指令集中的各绘制指令中的二进制字节数据进行检测，得到第一检测结果，并根据第一检测结果中包含的相异的二进制字节数据，确定目标数据信息，进而根据目标数据信息确定目标绘制指令。若待使用绘制指令的数据类型为文本数据，则基于文本检测方式对待使用绘制指令集合待比对绘制指令集中的各绘制指令中的文本数据进行检测，得到第二检测结果，并根据第二检测结果中包含的相异的文本数据，确定相应的目标数据信息，进而根据目标数据信息确定目标绘制指令。
73.基于得到的目标绘制指令作为补丁包(即，目标数据包)，并将得到的目标数据包发送给客户端浏览器，以使客户端浏览器在接收到目标数据包后，基于目标数据包中的目标绘制指令，对基于当前页面中的各显示元素生成的绘制指令进行修改，也就是将当前页面中所属同一显示控件的显示元素所对应的绘制指令，修改为与目标绘制指令相一致的绘制指令，得到并保存更新后的绘制指令集。然后基于更新后的绘制指令集中的目标绘制指令对当前页面进行更新，得到更新后的显示网页(即，目标页面)，并将目标页面作为当前页面，以在需要对当前页面进行更新时，继续基于本技术方案对当前页面进行更新。
74.需要说明的是，当用户基于客户端浏览器首次打开当前页面时，客户端浏览器将当前页面中所对应的页面标识发送给服务器，然后服务器获取与页面标识相对应的页面，并对该页面进行解析，得到当前页面中的各显示元素。基于各显示元素生成相应的待显示
绘制指令，并得到相应的待显示绘制指令集，然后将待显示绘制指令集作为待显示数据包发送给客户端浏览器，以使客户端浏览器基于待显示数据包中的各待显示绘制指令对当前页面中的各显示元素进行渲染处理，并将各显示元素显示在当前页面中并展示给用户。
75.本实施例的技术方案，在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，通过更新指令中携带的与当前页面相对应的页面标识，获取与页面标识相对应的页面，并基于目标解析函数对获得的页面进行解析，得到与当前页面相对应的至少一个显示元素，并确定与各显示元素相对应的绘制指令。根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令，根据绘制指令所对应的数据类型，确定与数据类型相对应的目标检测方式，并基于目标检测方式对各绘制指令集中的绘制指令进行检测，确定两个绘制指令集中相异的绘制指令。基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。解决了在将与页面更新的数据包发送给客户端的过程中产生的流量较大的问题，实现了在对页面更新时，降低传输过程中的流量并提高页面更新速度的效果。
76.实施例四
77.图4为本发明实施例四提供的一种页面显示处理装置，该装置包括：绘制指令集确定模块310、目标绘制指令确定模块320和目标数据包发送模块330。
78.其中，绘制指令集确定模块310，用于在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，其中，所述待使用绘制指令集是基于更新指令所对应的目标页面生成的，所述待使用绘制指令集中的各待使用子绘制指令与所述目标页面中的各显示元素相对应；
79.目标绘制指令确定模块320，用于根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；
80.目标数据包发送模块330，用于基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。
81.本实施例的技术方案，在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，通过更新指令中携带的与当前页面相对应的页面标识，获取与页面标识相对应的页面，并基于目标解析函数对获得的页面进行解析，得到与当前页面相对应的至少一个显示元素，并确定与各显示元素相对应的绘制指令。根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令，根据绘制指令所对应的数据类型，确定与数据类型相对应的目标检测方式，并基于目标检测方式对各绘制指令集中的绘制指令进行检测，确定两个绘制指令集中相异的绘制指令。基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。解决了在将与页面更新的数据包发送给客户端的过程中产生的流量较大的问题，实现了在对页面更新时，降低传输过程中的流
量并提高页面更新速度的效果。
82.在本发明实施例中任一可选技术方案的基础上，可选地，所述绘制指令集确定模块，包括：
83.显示元素确定子模块，用于在接收到对当前页面的更新指令时，基于目标解析函数对所述更新指令相对应的页面进行解析，并确定与所述更新指令相对应的页面相对应的至少一个显示元素；其中，所述至少一个显示元素与隶属于同一显示控件中的显示信息相对应；
84.绘制指令确定子模块，用于将各显示元素转换为相应的绘制指令，得到所述待使用绘制指令；
85.绘制指令集确定子模块，用于将各待使用绘制指令按照与所述当前页面中的各元素相匹配的预设排布规则进行排布，得到待使用绘制指令集。
86.在本发明实施例中任一可选技术方案的基础上，可选地，所述目标绘制指令确定模块，包括：
87.目标检测方式确定子模块，用于确定所述待使用绘制指令集和所述待比对绘制指令集中各绘制子指令所对应的数据类型，并根据所述数据类型确定对所述待使用绘制指令集和所述待比对绘制指令集的目标检测方式；
88.检测结果确定子模块，用于基于各目标检测方式对所述待使用绘制指令集和所述待比对绘制指令集中的相应的绘制子指令进行检测，得到检测结果；
89.目标绘制指令生成子模块，用于若所述检测结果中包含相异的目标数据信息，则基于所述目标数据信息生成目标绘制指令。
90.在本发明实施例中任一可选技术方案的基础上，可选地，所述目标检测方式确定子模块，包括：
91.二进制字节检测单元，用于若绘制子指令所对应的数据类型为二进制字节数据，则基于二进制字节检测方式对同一排布位置的二进制字节数据进行检测；
92.文本检测单元，用于若所述绘制子指令所对应的数据类型为文本数据，则基于文本检测方式对同一排布位置的文本数据进行检测。
93.在本发明实施例中任一可选技术方案的基础上，可选地，所述检测结果确定子模块，包括：
94.第一检测结果确定单元，用于若基于二进制字节检测方式进行检测，确定所述待使用绘制指令集和所述待比对绘制指令集中相异的字节数据，并将所述相异的字节数据作为第一检测结果；
95.第二检测结果确定单元，用于若基于文本检测方式进行检测，确定所述待使用绘制指令集和所述待比对绘制指令集中相异的文本数据，并将所述相异的文本数据作为第二检测结果。
96.在本发明实施例中任一可选技术方案的基础上，可选地，所述目标数据包发送模块，用于：
97.基于所述目标绘制指令生成相对应的目标数据包，并将所述目标数据包发送给客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述目标页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页
面；
98.其中，所述目标页面与所述当前页面中的各元素的预设排布规则一致。
99.在本发明实施例中任一可选技术方案的基础上，可选地，所述页面显示处理装置，还包括：
100.待显示指令生成模块，用于当首次对所述当前页面进行查看时，生成与所述当前页面中的各元素相对应的待显示指令；
101.待显示指令集生成模块，用于基于所述待显示指令，按照与所述当前页面的预设排布规则进行排布，生成与所述当前页面相对应的待显示指令集；
102.目标数据包生成模块，用于基于所述待显示指令集生成待显示数据包，将所述待显示数据包发送给所述客户端。
103.本发明实施例所提供的页面显示处理装置可执行本发明任意实施例所提供的页面显示处理方法，具备执行方法相应的功能模块和有益效果。
104.值得注意的是，上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明实施例的保护范围。
105.实施例五
106.图5为本发明实施例五提供的一种电子设备的结构示意图。图5示出了适于用来实现本发明实施例实施方式的示例性电子设备40的框图。图5显示的电子设备40仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
107.如图5所示，电子设备40以通用计算设备的形式表现。电子设备40的组件可以包括但不限于：一个或者多个处理器或者处理单元401，系统存储器402，连接不同系统组件(包括系统存储器402和处理单元401)的总线403。
108.总线403表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(isa)总线，微通道体系结构(mac)总线，增强型isa总线、视频电子标准协会(vesa)局域总线以及外围组件互连(pci)总线。
109.电子设备40典型地包括多种计算机系统可读介质。这些介质可以是任何能够被电子设备40访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
110.系统存储器402可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(ram)404和/或高速缓存存储器405。电子设备40可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统406可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如cd-rom,dvd-rom或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线403相连。存储器402可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。
111.具有一组(至少一个)程序模块407的程序/实用工具408，可以存储在例如存储器402中，这样的程序模块407包括但不限于操作系统、一个或者多个应用程序、其它程序模块
以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块407通常执行本发明所描述的实施例中的功能和/或方法。
112.电子设备40也可以与一个或多个外部设备409(例如键盘、指向设备、显示器410等)通信，还可与一个或者多个使得用户能与该电子设备40交互的设备通信，和/或与使得该电子设备40能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口411进行。并且，电子设备40还可以通过网络适配器412与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器412通过总线403与电子设备40的其它模块通信。应当明白，尽管图5中未示出，可以结合电子设备40使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。
113.处理单元401通过运行存储在系统存储器402中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的页面显示处理方法。
114.实施例六
115.本发明实施例六还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行页面显示处理方法，该方法包括：
116.在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，其中，所述待使用绘制指令集是基于更新指令所对应的目标页面生成的，所述待使用绘制指令集中的各待使用子绘制指令与所述目标页面中的各显示元素相对应；
117.根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；
118.基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。
119.本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
120.计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
121.计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限
于无线、电线、光缆、rf等等，或者上述的任意合适的组合。
122.可以以一种或多种程序设计语言或其组合来编写用于执行本发明实施例操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c ，还包括常规的过程式程序设计语言——诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
123.注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

技术特征：
1.一种页面显示处理方法，其特征在于，包括：在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，其中，所述待使用绘制指令集是基于更新指令所对应的目标页面生成的，所述待使用绘制指令集中的各待使用子绘制指令与所述目标页面中的各显示元素相对应；根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。2.根据权利要求1所述的方法，其特征在于，所述在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，包括：在接收到对当前页面的更新指令时，基于目标解析函数对所述更新指令相对应的页面进行解析，并确定与所述更新指令相对应的页面相对应的至少一个显示元素；其中，所述至少一个显示元素与隶属于同一显示控件中的显示信息相对应；将各显示元素转换为相应的绘制指令，得到所述待使用绘制指令；将各待使用绘制指令按照与所述当前页面中的各元素相匹配的预设排布规则进行排布，得到待使用绘制指令集。3.根据权利要求1所述的方法，其特征在于，所述根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令，包括：确定所述待使用绘制指令集和所述待比对绘制指令集中各绘制子指令所对应的数据类型，并根据所述数据类型确定对所述待使用绘制指令集和所述待比对绘制指令集的目标检测方式；基于各目标检测方式对所述待使用绘制指令集和所述待比对绘制指令集中的相应的绘制子指令进行检测，得到检测结果；若所述检测结果中包含相异的目标数据信息，则基于所述目标数据信息生成目标绘制指令。4.根据权利要求3所述的方法，其特征在于，所述确定所述待使用绘制指令集和所述待比对绘制指令集中各绘制子指令所对应的数据类型，并根据所述数据类型确定对所述待使用绘制指令集和所述待比对绘制指令集的目标检测方式，包括：若绘制子指令所对应的数据类型为二进制字节数据，则基于二进制字节检测方式对同一排布位置的二进制字节数据进行检测；若所述绘制子指令所对应的数据类型为文本数据，则基于文本检测方式对同一排布位置的文本数据进行检测。5.根据权利要求4所述的方法，其特征在于，所述检测结果中包括所述第一检测结果或第二检测结果，所述基于各目标检测方式对所述待使用绘制指令集和所述待比对绘制指令集中的相应的绘制子指令进行检测，得到检测结果，包括：若基于二进制字节检测方式进行检测，确定所述待使用绘制指令集和所述待比对绘制指令集中相异的字节数据，并将所述相异的字节数据作为第一检测结果；若基于文本检测方式进行检测，确定所述待使用绘制指令集和所述待比对绘制指令集
中相异的文本数据，并将所述相异的文本数据作为第二检测结果。6.根据权利要求1所述的方法，其特征在于，所述基于所述目标绘制指令生成目标数据包，并发送至客户端，包括：基于所述目标绘制指令生成相对应的目标数据包，并将所述目标数据包发送给客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述目标页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面；其中，所述目标页面与所述当前页面中的各元素的预设排布规则一致。7.根据权利要求1所述的方法，其特征在于，还包括：当首次对所述当前页面进行查看时，生成与所述当前页面中的各元素相对应的待显示指令；基于所述待显示指令，按照与所述当前页面的预设排布规则进行排布，生成与所述当前页面相对应的待显示绘制指令集；基于所述待显示指令集生成待显示数据包，将所述待显示数据包发送给所述客户端。8.一种页面显示处理装置，其特征在于，包括：绘制指令集确定模块，用于在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集，其中，所述待使用绘制指令集是基于更新指令所对应的目标页面生成的，所述待使用绘制指令集中的各待使用子绘制指令与所述目标页面中的各显示元素相对应；目标绘制指令确定模块，用于根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；目标数据包发送模块，用于基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。9.一种电子设备，其特征在于，所述电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的页面显示处理方法。10.一种包含计算机可执行指令的存储介质，其特征在于，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-7中任一所述的页面显示处理方法。

技术总结
本发明公开了一种页面显示处理方法、装置、电子设备及存储介质，其中，该方法包括：在接收到对当前页面的更新指令时，确定更新指令所对应的待使用绘制指令集；根据所述待使用绘制指令集和所述当前页面的待比对绘制指令集，确定相异的绘制指令，并作为目标绘制指令；基于所述目标绘制指令生成目标数据包，并发送至客户端，以使所述客户端基于所述目标数据包中的目标绘制指令对所述当前页面中的目标元素进行更新，得到与所述更新指令相对应的目标页面，并将所述目标页面作为所述当前页面。解决了在将与页面更新的数据包发送给客户端的过程中产生的流量较大的问题，实现了在对页面更新时，降低传输过程中的流量并提高页面更新速度的效果。度的效果。度的效果。


技术研发人员：智斌 袁林 傅强 邸学锋 贾立军 马洪彬 窦晶 刘道林 米胜山 范晓波 张赫男 姜双双 阿曼太 梁彧 蔡琳 杨满智 王杰 田野 金红 陈晓光
受保护的技术使用者：恒安嘉新(北京)科技股份公司
技术研发日：2022.02.17
技术公布日：2022/5/25