logo好方法网

页面的显示控制方法、装置、客户端及存储介质


技术摘要:
本公开关于一种网页的显示方法、装置、客户端及存储介质。所述方法应用于第一客户端,包括:当接收到第一页面显示指令时,显示存储于第一客户端中的参考页面;向网页控件发送页面渲染指令,以触发网页控件进行页面视图渲染,得到第一页面框架视图;当接收到网页控件发  全部
背景技术:
在需要进行页面(如HTML  5页面)显示时,往往需要经过文件加载、渲染等过程,之 后显示对应的页面内容,而文件加载、渲染等过程在客户端界面上是白屏的状态,这就导致 网页显示没有连贯性。 相关技术中,通过H5网页中的临时页面来遮挡白屏,即在载入H5网页时,先展示一 个临时页面,等H5网页内容都载入完毕后,隐藏临时页面。 然而,目前的页面显示方法中,因为要经历H5临时页面加载的过程,仍然会出现白 屏现象,依然存在网页显示不连贯的问题。
技术实现要素:
本公开提供一种页面的显示控制方法、装置、客户端及存储介质,以至少解决相关 技术中网页显示不连贯的问题。本公开的技术方案如下: 根据本公开实施例的第一方面,提供一种页面的显示控制方法,应用于第一客户 端,所述页面的显示控制方法包括:当接收到第一页面显示指令时,显示存储于所述第一客 户端中的参考页面;向网页控件发送页面渲染指令,以触发所述网页控件进行页面视图渲 染,得到第一页面框架视图;所述第一页面框架视图为用于表征所述第一页面的网页框架; 当接收到所述网页控件发送的页面获取请求时,向所述网页控件返回第一页面内容,以触 发所述网页控件根据所述第一页面框架视图和所述第一页面内容整合得到第一页面视图 并返回页面渲染结束信息;所述第一页面内容用于表征所述第一页面中与所述第一客户端 进行交互的网页交互内容;当接收到所述网页控件返回的所述页面渲染结束信息时,隐藏 所述参考页面并显示所述第一页面视图。 在一示例性实施例中,所述向所述网页控件返回第一页面内容,以触发所述网页 控件根据所述第一页面框架视图和所述第一页面内容整合得到第一页面视图的步骤,包 括:向所述网页控件返回第一页面内容,以触发所述网页控件将所述第一页面内容填充到 所述第一页面框架视图的网页框架中,得到所述第一页面视图。 在一示例性实施例中,在所述当接收到所述网页控件返回的所述页面渲染结束信 息时,隐藏所述参考页面并显示所述第一页面视图的步骤之后,还包括:若所述第一页面对 应有第二页面,触发所述网页控件获取所述第二页面对应的第二渲染信息描述文件,对所 述第二渲染信息描述文件进行解析得到第二页面渲染信息,根据所述第二页面渲染信息进 行页面视图渲染,得到第二页面框架视图;其中,所述第二页面为所述第一页面的子页面; 所述第二页面框架视图用于表征所述第二页面的网页框架;当接收到第二页面显示指令 时,从服务端中获取第二页面内容,触发所述网页控件根据所述第二页面框架视图和所述 4 CN 111581561 A 说 明 书 2/14 页 第二页面内容整合得到第二页面视图;所述第二页面内容用于表征所述第二页面中与所述 第一客户端进行交互的网页交互内容;所述第二页面显示指令在所述第二页面被触发时生 成;显示所述第二页面视图。 在一示例性实施例中,所述当接收到第二页面显示指令时,从服务端中获取第二 页面内容的步骤,包括:当接收到第二页面显示指令且确定所述网页控件未存储所述第二 页面内容时,从所述服务端中获取所述第二页面内容。 在一示例性实施例中,所述从所述服务端中获取所述第二页面内容的步骤,包括: 调用所述服务端的通用网关接口,以通过所述通用网关接口获取由第二客户端上传至所述 服务端的所述第二页面内容。 在一示例性实施例中,所述当接收到第一页面显示指令时,显示存储于所述第一 客户端中的参考页面的步骤,包括:当接收到第一页面显示指令时,从内部存储空间中获取 预先存储的参考页面,并显示所述参考页面;所述参考页面为动态画面、静态画面中的至少 一项。 在一示例性实施例中,所述向网页控件发送页面渲染指令的步骤,包括:向网页控 件发送页面渲染指令,以触发所述网页控件获取所述第一页面对应的第一渲染信息描述文 件,对所述第一渲染信息描述文件进行解析得到第一页面渲染信息,根据所述第一页面渲 染信息进行页面视图渲染,得到所述第一页面框架视图。 根据本公开实施例的第二方面,提供一种页面的显示控制装置,应用于第一客户 端,所述页面的显示控制装置包括:参考页面显示单元,被配置为执行当接收到第一页面显 示指令时,显示存储于所述第一客户端中的参考页面;渲染指令发送单元,被配置为执行向 网页控件发送页面渲染指令,以触发所述网页控件进行页面视图渲染,得到第一页面框架 视图;所述第一页面框架视图为用于表征所述第一页面的网页框架;页面内容发送单元,被 配置为执行当接收到所述网页控件发送的页面获取请求时,向所述网页控件返回第一页面 内容,以触发所述网页控件根据所述第一页面框架视图和所述第一页面内容整合得到第一 页面视图并返回页面渲染结束信息;所述第一页面内容用于表征所述第一页面中与所述第 一客户端进行交互的网页交互内容;页面隐藏和显示单元,被配置为执行当接收到所述网 页控件返回的所述页面渲染结束信息时,隐藏所述参考页面并显示所述第一页面视图。 在一示例性实施例中,所述页面内容发送单元,还被配置为执行向所述网页控件 返回第一页面内容,以触发所述网页控件将所述第一页面内容填充到所述第一页面框架视 图的网页框架中,得到所述第一页面视图。 在一示例性实施例中,所述页面的显示控制装置,还包括:页面渲染单元,被配置 为执行若所述第一页面对应有第二页面,触发所述网页控件获取所述第二页面对应的第二 渲染信息描述文件,对所述第二渲染信息描述文件进行解析得到第二页面渲染信息,根据 所述第二页面渲染信息进行页面视图渲染,得到第二页面框架视图;其中,所述第二页面为 所述第一页面的子页面;所述第二页面框架视图用于表征所述第二页面的网页框架;页面 整合单元,被配置为执行当接收到第二页面显示指令时,从服务端中获取第二页面内容,触 发所述网页控件根据所述第二页面框架视图和所述第二页面内容整合得到第二页面视图; 所述第二页面内容用于表征所述第二页面中与所述第一客户端进行交互的网页交互内容; 所述第二页面显示指令在所述第二页面被触发时生成;页面显示单元,被配置为执行显示 5 CN 111581561 A 说 明 书 3/14 页 所述第二页面视图。 在一示例性实施例中,所述页面整合单元,还被配置为执行当接收到第二页面显 示指令且确定所述网页控件未存储所述第二页面内容时,从所述服务端中获取所述第二页 面内容。 在一示例性实施例中,所述页面整合单元,还被配置为执行调用所述服务端的通 用网关接口,以通过所述通用网关接口获取由第二客户端上传至所述服务端的所述第二页 面内容。 在一示例性实施例中,所述参考页面显示单元,还被配置为执行当接收到第一页 面显示指令时,从内部存储空间中获取预先存储的参考页面,并显示所述参考页面;所述参 考页面为动态画面、静态画面中的至少一项。 在一示例性实施例中,所述渲染指令发送单元,还被配置为执行向网页控件发送 页面渲染指令,以触发所述网页控件获取所述第一页面对应的第一渲染信息描述文件,对 所述第一渲染信息描述文件进行解析得到第一页面渲染信息,根据所述第一页面渲染信息 进行页面视图渲染,得到所述第一页面框架视图。 根据本公开实施例的第三方面,提供一种客户端,包括处理器;用于存储所述处理 器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现如上所述的页面 的显示控制方法。 根据本公开实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由 客户端的处理器执行时,使得客户端能够执行如上所述的页面的显示控制方法。 根据本公开实施例的第五方面,提供一种计算机程序产品,所述程序产品包括计 算机程序,所述计算机程序存储在可读存储介质中,设备的至少一个处理器从所述可读存 储介质读取并执行所述计算机程序,使得设备执行如上实施例中所述的页面的显示控制方 法。 本公开的实施例提供的技术方案至少带来以下有益效果:第一客户端在接收到第 一页面显示指令时,显示预先存储的参考页面,此时第一客户端界面上不会白屏,能有效提 高页面显示的连贯性;第一客户端触发网页控件进行页面视图渲染得到第一页面框架视 图,并在接收到页面获取请求时向网页控件返回第一页面内容,以使网页控件根据第一页 面框架视图和第一页面内容整合得到第一页面视图,第一客户端在接收到网页控件发送的 页面渲染结束信息时隐藏参考页面并显示第一页面视图。上述技术方案,通过存储在第一 客户端上的参考页面的显示,不需要等待参考页面的加载,能避免白屏,保证页面显示的连 贯性。 应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不 能限制本公开。 附图说明 此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施 例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。 图1是根据一示例性实施例示出的一种页面的显示控制方法的应用环境图。 图2是根据一示例性实施例示出的一种页面的显示控制方法的流程图。 6 CN 111581561 A 说 明 书 4/14 页 图3是根据一示例性实施例示出的一种主页面与子页面的关系示意图。 图4是根据一示例性实施例示出的一种页面框架视图与页面内容的整合过程示意 图。 图5是根据另一示例性实施例示出的一种主页面与子页面的关系示意图。 图6是根据再一示例性实施例示出的一种主页面与子页面的关系示意图。 图7是根据一示例性实施例示出的一种页面的显示控制方法的流程图。 图8是根据一示例性实施例示出的一种页面的显示控制装置的框图。 图9是根据一示例性实施例示出的一种服务器的内部结构图。
分享到:
收藏