页面处理方法及装置制造方法及图纸

本申请提供页面处理方法及装置，其中所述页面处理方法应用于客户端，所述客户端中运行目标应用程序，所述目标应用程序包括逻辑线程和渲染线程，所述方法包括：在监测到所述目标应用程序的当前页面满足页面异常条件的情况下，所述逻辑线程，读取所述当前页面对应的目标虚拟DOM树，并基于所述目标虚拟DOM树生成页面渲染指令，将所述页面渲染指令发送至所述渲染线程；所述渲染线程，响应于所述页面渲染指令，根据所述目标虚拟DOM树对所述当前页面进行渲染，生成所述目标应用程序的目标页面；该种方式仅实现了从虚拟DOM树转换为真实DOM树渲染的单向过程，就能够实现对目标应用程序的异常页面重新渲染恢复，完成了对页面异常的处理。理。理。

【技术实现步骤摘要】
页面处理方法及装置


[0001]本申请涉及计算机
，特别涉及页面处理方法。本申请同时涉及页面处理装置，一种计算设备，以及一种计算机可读存储介质。

技术介绍

[0002]当应用程序加载页面的时候，在正常情况下，页面会完整地展示页面内容，并且页面可以响应用户的各种交互操作。但是在异常情况下，页面没有展示任何内容，或者是页面可以完整地展示页面内容，但是无法响应用户的任何交互操作，这种现象称为白屏。发生页面白屏后，用户无法正常浏览页面内容，也无法在页面中执行任何操作，影响用户的正常使用。
[0003]目前，可以通过实时监测页面真实DOM树的变化，并将其转换成以JavaScript对象描述的虚拟DOM树，在发生白屏现象时，将记录的虚拟DOM树再转换回真实DOM树，完成页面恢复；由于该种页面白屏恢复过程是采用数据双向转换的方式实现的，考虑到网络传输的耗时问题，这种页面白屏恢复的过程将存在较大的延时问题，使得白屏恢复的效率不高，用户体验较差。

技术实现思路

[0004]有鉴于此，本申请实施例提供了页面处理方法。本申请同时涉及页面处理装置，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的上述问题。
[0005]根据本申请实施例的第一方面，提供了一种页面处理方法，应用于客户端，所述客户端中运行目标应用程序，所述目标应用程序包括逻辑线程和渲染线程，所述方法包括：
[0006]在监测到所述目标应用程序的当前页面满足页面异常条件的情况下，所述逻辑线程，读取所述当前页面对应的目标虚拟DOM树，并基于所述目标虚拟DOM树生成页面渲染指令，将所述页面渲染指令发送至所述渲染线程；
[0007]所述渲染线程，响应于所述页面渲染指令，根据所述目标虚拟DOM树对所述当前页面进行渲染，生成所述目标应用程序的目标页面。
[0008]根据本申请实施例的第二方面，提供了一种页面处理装置，应用于客户端，所述客户端中运行目标应用程序，所述目标应用程序包括监测模块、逻辑线程和渲染线程，所述装置包括：
[0009]所述监测模块，被配置为在监测到所述目标应用程序的当前页面满足页面异常条件的情况下，向所述逻辑线程发送页面处理指令；
[0010]所述逻辑线程，被配置为响应于所述页面处理指令，读取所述当前页面对应的目标虚拟DOM树，并基于所述目标虚拟DOM树生成页面渲染指令，将所述页面渲染指令发送至所述渲染线程；
[0011]所述渲染线程，被配置为响应于所述页面渲染指令，根据所述目标虚拟DOM树对所述当前页面进行渲染，生成所述目标应用程序的目标页面。
[0012]根据本申请实施例的第三方面，提供了一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行所述计算机指令时实现所述页面处理方法的步骤。
[0013]根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机指令，该计算机指令被处理器执行时实现所述页面处理方法的步骤。
[0014]本申请提供的页面处理方法，应用于客户端，所述客户端中运行目标应用程序，所述目标应用程序包括逻辑线程和渲染线程，所述方法包括：在监测到所述目标应用程序的当前页面满足页面异常条件的情况下，所述逻辑线程，读取所述当前页面对应的目标虚拟DOM树，并基于所述目标虚拟DOM树生成页面渲染指令，将所述页面渲染指令发送至所述渲染线程；所述渲染线程，响应于所述页面渲染指令，根据所述目标虚拟DOM树对所述当前页面进行渲染，生成所述目标应用程序的目标页面。
[0015]本申请一实施例提供的页面处理方法，在目标应用程序的运行中，通过逻辑线程和渲染线程，这种双线程结合的方式完成对目标应用程序中页面异常处理的过程；具体的，逻辑线程通过读取到异常页面对应的目标虚拟DOM树，以生成页面渲染指令，驱动渲染线程完成对当前页面重新渲染的过程，解决了目标应用程序中出现的页面异常现象；该种方式仅实现了从虚拟DOM树转换为真实DOM树渲染的单向过程，就能够实现对目标应用程序的异常页面重新渲染恢复，完成了对页面异常的处理，从而避免了实时监测页面真实DOM树的变化，省去了真实DOM树向虚拟DOM树的转换过程，降低了数据转换的延时，进而，提高了页面异常恢复的效率，提升用户体验。
附图说明
[0016]图1是本申请一实施例提供的一种页面处理方法的应用场景示意图；
[0017]图2是本申请一实施例提供的一种页面处理方法的流程图；
[0018]图3是本申请一实施例提供的一种应用于页面更新的页面处理方法的处理流程图；
[0019]图4是本申请一实施例提供的一种应用于页面恢复的页面处理方法的处理流程图；
[0020]图5是本申请一实施例提供的一种页面处理装置的结构示意图；
[0021]图6是本申请一实施例提供的一种计算设备的结构框图。
具体实施方式
[0022]在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。
[0023]在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本申请一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
[0024]应当理解，尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在
……
时”或“当
……
时”或“响应于确定”。
[0025]首先，对本申请一个或多个实施例涉及的名词术语进行解释。
[0026]WKWebView：使用缓存技术存储前后端资源，用户提高页面性能和用户体验。
[0027]WKWebView(WebKit)包含3种进程：UI Process，Networking Process，WebContent Process。
[0028]UI Process：即App进程，WKWebView(WebKit)中部分模块运行在此进程，会负责启动其它进程。
[0029]Networking Process：即网络模块进程，主要负责WKWebView中网络请求相关功能；此进程App中只会有启动一次，多个WKWebView间共享。
[0030]WebContent Process：即Web模块进程，主要负责WebCore，JS本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面处理方法，其特征在于，应用于客户端，所述客户端中运行目标应用程序，所述目标应用程序包括逻辑线程和渲染线程，所述方法包括：在监测到所述目标应用程序的当前页面满足页面异常条件的情况下，所述逻辑线程，读取所述当前页面对应的目标虚拟DOM树，并基于所述目标虚拟DOM树生成页面渲染指令，将所述页面渲染指令发送至所述渲染线程；所述渲染线程，响应于所述页面渲染指令，根据所述目标虚拟DOM树对所述当前页面进行渲染，生成所述目标应用程序的目标页面。2.根据权利要求1所述的方法，其特征在于，所述读取所述当前页面对应的目标虚拟DOM树，包括：读取所述当前页面的至少一个虚拟DOM树；根据每个虚拟DOM树的时间戳，确定所述当前页面的目标虚拟DOM树。3.根据权利要求2所述的方法，其特征在于，所述根据每个虚拟DOM树的时间戳，确定所述当前页面的目标虚拟DOM树，包括：基于所述每个虚拟DOM树的时间戳对所述至少一个虚拟DOM树进行排序；将时间戳最大的虚拟DOM树确定为所述当前页面的目标虚拟DOM树。4.根据权利要求1所述的方法，其特征在于，所述读取所述当前页面对应的目标虚拟DOM树，包括：接收所述渲染线程发送的针对所述当前页面的页面异常处理指令；响应于所述页面异常处理指令，读取所述当前页面对应的目标虚拟DOM树。5.根据权利要求4所述的方法，其特征在于，所述接收所述渲染线程发送的针对所述当前页面的页面异常处理指令之前，还包括：确定所述当前页面的页面状态，并根据所述页面状态确定所述页面异常条件的异常类型，其中，所述异常类型包括页面空白类型、页面交互无响应类型；根据所述异常类型，生成所述当前页面对应的页面异常处理指令。6.根据权利要求1
‑
5任意一项所述的方法，其特征在于，所述基于所述目标虚拟DOM树生成页面渲染指令，包括：解析所述目标虚拟DOM树，确定所述当前页面的待渲染元素；根据所述待渲染元素，生成所述当前页面对应的页面渲染指令。7.根据权利要求6所述的方法，其特征在于，所述响应于所述页面渲染指令，...

【专利技术属性】
技术研发人员：王子迪，徐皖秋，
申请(专利权)人：恒生电子股份有限公司，
类型：发明
国别省市：