一种页面显示方法、装置、存储介质及电子设备制造方法及图纸

技术编号:31323003 阅读:25 留言:0更新日期:2021-12-13 00:11
本说明书公开了一种页面显示方法、装置、存储介质及电子设备。通过将待显示的目标页面中的每个组件判定为本地组件或云组件,并在终端设备上根据本地组件的描述信息渲染得到本地组件的组件图像,而将云组件的描述信息发送给云端设备,以在云端设备上生成渲染信息并返回给终端设备,从而将目标页面中各组件的组件图像显示在终端设备上,使得在充分利用终端设备上计算资源的同时,还通过减少传输数据量的方式,降低了目标页面显示的延时。降低了目标页面显示的延时。降低了目标页面显示的延时。

【技术实现步骤摘要】
一种页面显示方法、装置、存储介质及电子设备


[0001]本说明书涉及计算机
,尤其涉及一种页面显示方法、装置、存储介质及电子设备。

技术介绍

[0002]当用户访问页面时,需要将页面文件绘制成图像,并展示在终端设备上,这一过程被称作对页面的渲染。
[0003]通常来说,页面的渲染可以分为以下几个步骤,包括:将开发者所编写的页面文件解析为计算机能够理解的数据结构,例如将超文本标记语言(Hyper Text Markup Language,HTML)格式的页面文件解析为文档对象模型(Document Object Model,DOM)结构,然后计算出页面中各内容的样式(例如坐标,颜色等)并生成渲染指令,根据渲染指令进行绘制,得到所绘制出的用于显示的图像。
[0004]由于上述渲染过程中所需要占用的计算资源较大,通常难以在终端设备的本地完成,因此在现有技术中,终端设备往往会将页面文件发送给服务器,并在服务器上完成渲染并返回所绘制出的图像给终端设备,终端设备可以直接将所接收到的图像显示在屏幕上。
[0005]但由于所绘制出本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面显示方法,其特征在于,包括:确定待显示的目标页面中所包含的各组件;针对目标页面中的每个组件,判定该组件为本地组件或云组件,其中,所判定出的所述目标页面中包括至少包括一个本地组件和至少一个云组件;针对每个本地组件,根据该本地组件的描述信息,对该组件进行渲染,得到该本地组件的组件图像;针对每个云组件,向云端设备发送该云组件的描述信息,响应于所接收到的所述云端设备返回的该云组件的渲染信息,根据所述渲染信息确定该云组件的组件图像;根据各组件的组件图像,显示所述目标页面。2.如权利要求1所述的方法,其特征在于,针对每个组件,该组件的描述信息包括:目标页面的页面文档中所包括的该组件的显示属性;或,目标页面的页面文档中所包括的该组件的显示属性以及所接收到的用户输入的对该组件的操作指令。3.如权利要求1所述的方法,其特征在于,根据该本地组件的描述信息,对该组件进行渲染,得到该本地组件的组件图像,具体包括:根据该本地组件的描述信息,生成该本地组件对应的渲染指令;根据所述渲染指令对该本地组件进行绘制,得到所绘制出的该本地组件的组件图像。4.如权利要求3所述的方法,其特征在于,当该本地组件的描述信息包括目标页面的页面文档中所包括的该本地组件的显示属性,以及所接收到的用户输入的对该本地组件的操作指令时,根据该本地组件的描述信息,生成该本地组件对应的渲染指令,具体包括:根据所获取到的该本地组件的显示属性,以及所接收到的对该本地组件的操作指令,重新确定该本地组件当前的显示属性;根据所重新确定出的该本地组件当前的显示属性,生成该本地组件对应的渲染指令。5.如权利要求1所述的方法,其特征在于,响应于所接收到的所述云端设备返回的该云组件的渲染信息,根据所述渲染信息确定该云组件的组件图像,具体包括:响应于所接收到的所述云端设备返回的该云组件对应的渲染指令,根据所述渲染指令对该云组件进行绘制,得到所绘制出的该云组件的组件图像。6.如权利要求1所述的方法,其特征在于,响应于所接收到的所述云端设备返回的该云组件的渲染信息,根据所述渲染信息确定该云组件的组件图像,具体包括:响应于所接收到的所述云端设备返回的组件图像,将所接收到的组件图像作为该云组件的组件图像。7.如权利要求1所述的方法,其特征在于,所述渲染信息包括图像以及渲染指令;响应于所接收到的所述云端设备返回的该云组件的渲染信息,根据所述渲染信息确定该云组件的组件图像,具体包括:响应于所接收到的所述云端设备返回的该云组件的渲染信息,根据所述渲染信息中所包括的渲染指令进行绘制;将所绘制出的图像及所述渲染信息中所包括的图像作为该云组件的组件子图像;组合该云组件的组件子图像,得到该云组件的组件图像。8.一种页面显示方法,其特征在于,包括:响应于所接收到的终端设备发送的云组件的描述信息,根据所述描述信息生成所述云
组件的渲染信息,其中,所述云组件为待显示的目标页面中的组件,所述目标页面中还包括至少一个本地组件;将所生成的所述云组件的渲染信息发送给所述终端设备,以使所述终端设备根据所述云组件的渲染信息确定该云组件的组件图像,使得所述终端设备根据所确定出的各组件的组件图像显示所述目标页面。9.如权利要求8所述的方法,其特征在于,根据所述描述信息生成所述云组件的渲染信息,具体包括:根据所述描述信息生成所述云组件对应的渲染指令,作为所述云组件的渲染信息。10.如权利要求8所述的方法,其特征在于,根据所述描述信息生成所述云组件的渲染信息,具体包括:根据所述描述信息生成所述云组件对应的渲染指令;以所述云组件对应的渲染指令进行绘制,得到所绘制出的所述云组件的组件图像,作为所述云组件的渲染信息。11.如权利要求8所述的方法,其特征在于,根据所述描述信息生成所述云组件的渲染信息,具体包括:根据所述描述信息生成所述云组件对应的渲染指令;以预先设定的方式,将该云...

【专利技术属性】
技术研发人员:孙宜进吴忠敏陈勇杨斌秦晓康
申请(专利权)人:支付宝杭州信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1