内容显示方法、装置及电子设备与流程
未命名
09-17
阅读:130
评论:0
1.本技术属于计算机技术领域,具体涉及一种内容显示方法、装置及电子设备。
背景技术:
2.快应用是一种新的应用形态,具有免安装和即点即用的优点。电子设备可以从快应用平台中下载快应用的安装包,然后直接根据该安装包启动快应用。
3.具体地,电子设备在需求显示快应用的某个页面时,可以先从该快应用的安装包中提取该页面对应的脚本语言(java script,js)文件,然后可以通过电子设备的前端框架解析该脚本语言文件,并根据解析的结果进行页面内容的渲染和显示。
4.然而,由于电子设备在得到解析的结果之前,仅显示一个白屏,因此导致快应用页面的显示效果较差。
技术实现要素:
5.本技术实施例的目的是提供一种内容显示方法、装置及电子设备,能够提升快应用页面的显示效果。
6.第一方面,本技术实施例提供了一种内容显示方法,该方法包括:在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件;基于页面渲染文件,渲染并显示第一页面中的第一内容,第一安装包为第一快应用的安装包,第一页面为第一快应用中的页面;其中,页面渲染文件包含第一页面中的第一内容的预渲染指令,第一内容为第一页面中的至少部分内容;或,页面渲染文件包含第一页面的骨架描述文件,第一内容包括第一页面的骨架。
7.第二方面,本技术实施例提供了一种内容显示装置,该装置包括:处理模块和显示模块;处理模块,用于在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件;并基于页面渲染文件,渲染第一页面中的第一内容,第一安装包为第一快应用的安装包,第一页面为第一快应用中的页面;显示模块,用于显示处理模块渲染的第一页面中的第一内容;其中,页面渲染文件包含第一页面中的第一内容的预渲染指令,第一内容为第一页面中的至少部分内容;或,页面渲染文件包含第一页面的骨架描述文件,第一内容包括第一页面的骨架。
8.第三方面,本技术实施例提供了一种电子设备,该电子设备包括处理器和存储器,所述存储器存储可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
9.第四方面,本技术实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
10.第五方面,本技术实施例提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如第一方面所述的方法。
11.第六方面,本技术实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如第一方面所述的方法。
12.在本技术实施例中,在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件;基于页面渲染文件,渲染并显示第一页面中的第一内容,第一安装包为第一快应用的安装包,第一页面为第一快应用中的页面;其中,页面渲染文件包含第一页面中的第一内容的预渲染指令,第一内容为第一页面中的至少部分内容;或,页面渲染文件包含第一页面的骨架描述文件,第一内容包括第一页面的骨架。通过该方案,由于第一安装包中包含有第一页面对应的页面渲染文件,因此,当需求显示快应用页面的页面内容时,可以在接收到显示该快应用页面的指令的情况下,直接从快应用安装包中获取第一页面对应的页面渲染文件,根据该页面渲染文件渲染并显示该页面的第一内容,从而电子设备可以通过显示该第一内容使用户提前感知到页面渲染的过程,缩短页面内容显示之前的白屏时间,进而可以提高页面的显示效果。
附图说明
13.图1是本技术实施例提供的一种内容显示方法的流程图之一;
14.图2a是本技术实施例提供的一种快应用页面显示的界面示意图;
15.图2b是本技术实施例提供的一种快应用页面骨架的界面示意图;
16.图3是本技术实施例提供的一种内容显示方法的流程图之二;
17.图4是本技术实施例提供的一种内容显示方法的流程图之三;
18.图5是本技术实施例提供的一种内容显示方法的流程图之四;
19.图6是本技术实施例提供的一种内容显示方法的实例流程图之一;
20.图7是本技术实施例提供的一种内容显示方法的实例流程图之二;
21.图8是本技术实施例提供的一种内容显示装置的结构示意图;
22.图9是本技术实施例提供的一种电子设备的硬件结构示意图之一;
23.图10是本技术实施例提供的一种电子设备的硬件结构示意图之二。
具体实施方式
24.下面将结合本技术实施例中的附图,对本技术实施例中的技术方案进行清楚地描述,显然,所描述的实施例是本技术一部分实施例,而不是全部的实施例。基于本技术中的实施例,本领域普通技术人员获得的所有其他实施例,都属于本技术保护的范围。
25.本技术的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施,且“第一”、“第二”等所区分的对象通常为一类,并不限定对象的个数,例如第一对象可以是一个,也可以是多个。此外,说明书以及权利要求中“和/或”表示所连接对象的至少其中之一,字符“/”,一般表示前后关联对象是一种“或”的关系。
26.下面结合附图,通过具体的实施例及其应用场景对本技术实施例提供的内容显示方法、装置及电子设备进行详细地说明。
27.本技术实施例提供的内容显示方法、装置及电子设备,可以应用于快应用的使用
场景中。
28.快应用是一种基于硬件平台推出的轻量级应用,具有开发成本低、原生渲染、无需安装、即点即用等优势。电子设备在需求显示快应用的某个页面时,可以先通过电子设备的前端框架解析安装包中该页面对应的脚本语言文件,然后以原生渲染的方式渲染页面内容并进行显示。其中,前端框架是快应用运行时环境的一个重要组成部分,前端框架可以实时地将快应用安装包中页面对应的脚本语言文件解析成电子设备可以识别的渲染指令,以使得电子设备可以通过原生渲染的方式渲染页面内容,达到较好的显示效果。
29.具体地,电子设备可以先从快应用的安装包中提取所要显示的快应用页面对应的脚本语言文件,通过前端框架对该脚本语言文件进行解析,并根据解析的结果,使用安卓原生语言进行画面渲染。
30.然而,由于一条渲染指令往往对应页面中一个节点的操作描述,因此在页面越复杂,节点数量越多的情况下,渲染页面内容所需的渲染指令也就越多,因此会导致电子设备的前端框架解析脚本语言文件所需时间就越长。由于电子设备在得到解析的结果之前,通常仅显示一个白屏,因此导致快应用页面的显示效果较差。
31.而在本技术实施例提供的内容显示方法、装置及电子设备中,由于快应用的安装包中包含有第一页面对应的页面渲染文件,因此在需求显示快应用页面内容时,电子设备可以在接收到显示第一页面的指令的情况下,若页面渲染文件包含页面对应的预渲染指令,则基于该预渲染指令进行页面中部分真实页面内容的渲染;或者,若页面渲染文件包含页面对应的骨架描述文件,则快速渲染并显示出该页面对应的骨架。如此,由于第一安装包中包含有第一页面对应的页面渲染文件,因此,当需求显示快应用页面的页面内容时,可以在接收到显示该快应用页面的指令的情况下,直接从快应用安装包中获取第一页面对应的页面渲染文件,根据该页面渲染文件渲染并显示该页面的第一内容,从而电子设备可以通过显示该第一内容使用户提前感知到页面渲染的过程,缩短页面内容显示之前的白屏时间,进而可以提高页面的显示效果。
32.本技术实施例提供的内容显示方法的执行主体可以为内容显示装置。示例性地,该内容显示装置可以为电子设备,也可以为该电子设备中的部件,例如集成电路或芯片。以下将以电子设备为例对本技术实施例提供的内容显示方法进行示例性说明。
33.本技术实施例提供一种内容显示方法,图1示出了本技术实施例提供的一种内容显示方法的流程图,该方法可以应用于电子设备。如图1所示,本技术实施例提供的内容显示方法可以包括下述的步骤100和步骤101。
34.步骤100、电子设备在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件。
35.其中,上述第一安装包可以为第一快应用的安装包,上述第一页面可以为第一快应用中的页面。
36.在本技术的一些实施例中,上述电子设备可以为搭载快应用平台的电子设备,即电子设备可以为支持快应用的电子设备。
37.在本技术的一些实施例中,上述第一快应用可以为快应用平台中的任一快应用。
38.示例性地,第一快应用可以为快应用平台中的视频快应用;或者,第一快应用可以为快应用平台中的游戏快应用。
39.在本技术的一些实施例中,当电子设备首次启动第一快应用时,电子设备可以从快应用平台中获取第一快应用的安装包,解析安装包中所要显示的页面对应的文件,启动第一快应用;当电子设备非首次启动第一快应用时,电子设备可以直接从本地获取第一快应用的安装包,解析安装包中所要显示的页面对应的文件,启动第一快应用。
40.在本技术的一些实施例中,上述第一安装包可以包括第一快应用运行时所需脚本语言文件、配置文件、工具方法文件等快应用文件。
41.在本技术的一些实施例中,上述第一页面可以为第一快应用的任一页面。
42.示例性地,第一页面可以为电子设备首次启动快应用时显示的页面;或者,第一页面还可以为启动快应用时显示的第一个页面。
43.示例性地,第一页面可以为快应用中由一个页面跳转至另一个页面前显示的页面;或者,第一页面还可以为快应用中由一个页面跳转至另一个页面后显示的页面。
44.在本技术的一些实施例中,上述接收到显示第一页面的指令可以为电子设备接收到的、用户触发显示第一页面的指令。
45.示例性地,在第一页面为第一快应用的首页时,上述显示第一页面的指令可以为电子设备接收到的启动该第一快应用的指令。
46.示例性地,在第一页面为第一快应用中非首页的页面时,上述显示第一页面的指令可以为电子设备接收到的页面跳转的指令。
47.在本技术的一些实施例中,上述第一安装包可以在目标存储位置预置有页面渲染文件。当电子设备需求显示第一页面时,电子设备可以在接收到显示第一页面的指令的情况下,直接在第一安装包的目标存储位置查询第一页面对应的页面渲染文件,然后基于查询到的页面渲染文件渲染并显示第一内容,从而通过快速显示出的第一内容,使用户提前感知到第一页面的渲染过程,进而可以缩短显示第一页面前用户等待的时间,提高第一页面的显示效果。
48.在本技术的一些实施例中,上述目标存储位置可以为电子设备默认的,也可以是用户设置的,还可以为根据业务需求预先设置的。本技术实施例不作具体限定。
49.步骤101、电子设备基于页面渲染文件,渲染并显示第一页面中的第一内容。
50.在本技术的一些实施例中,在上述页面渲染文件包含第一页面中的第一内容的预渲染指令的情况下,上述第一内容可以为第一页面中的至少部分内容;在上述页面渲染文件包含第一页面的骨架描述文件的情况下,上述第一内容可以包括第一页面的骨架。
51.在本技术的一些实施例中,电子设备在需求显示第一快应用的第一页面时,可以并行开启两个线程。其中,一个线程用于在第一安装包的目标存储位置查询第一页面对应的页面渲染文件,并基于页面渲染文件渲染并显示第一内容;另一个线程用于解析第一安装包中第一页面对应的脚本语言文件,获得渲染第一页面所需的渲染指令序列。可以理解,该渲染指令序列可以包括渲染第一页面所需的所有渲染指令。
52.本技术实施例中,在上述页面渲染文件包含第一页面中的第一内容的预渲染指令的情况下,电子设备可以基于第一页面中该至少部分内容的预渲染指令,渲染并显示第一页面中的至少部分内容,即第一内容。
53.可以理解,在页面渲染文件包含第一页面中的第一内容的预渲染指令的情况下,电子设备基于第一页面中第一内容的预渲染指令渲染并显示的第一内容,为第一页面中的
真实内容。即,第一页面中的至少部分真实内容与第一内容相同。
54.在本技术的一些实施例中,上述第一页面中的至少部分内容可以为第一页面中的静态内容。可以理解,页面中的静态内容可以为固定不变的页面内容,其所对应的渲染指令也是固定不变的。
55.示例性地,视频播放页面中的静态内容可以为页面中的播放控件。
56.示例性地,小说阅读页面中的静态内容可以为页面中的页面导航控件。
57.如此,电子设备可以根据预置在第一安装包中的第一页面的第一内容的预渲染指令,在接收到显示第一页面的指令的情况下直接进行渲染和显示第一页面的一部分内容,而无需在解析第一页面对应的脚本语言文件之后,才能根据解析得到的渲染指令进行渲染和显示,缩短了显示页面所需的时间。从而可以通过快速显示出真实页面内容,缩短用户等待的时间,进而可以提高页面的显示效果。
58.在本技术的一些实施例中,在上述页面渲染文件包含第一页面中的第一内容的预渲染指令,且接收到显示第一页面的指令的情况下,本技术实施例提供的内容显示方法还可以包括下述的步骤102。在上述步骤101之后,本技术实施例提供的内容显示方法还可以包括下述的步骤103。
59.步骤102、电子设备解析第一安装包中与第一页面对应的脚本语言文件,得到多个渲染指令。
60.在本技术的一些实施例中,脚本语言文件可以为第一安装包中用java script脚本语言编写的描述页面内容的文件。电子设备可以通过电子设备的前端框架解析脚本语言文件,以获得用于渲染该脚本语言文件对应的页面的渲染指令,从而可以基于这些渲染指令,渲染得到页面的页面内容。
61.可以理解,上述多个渲染指令可以为第一页面的页面内容对应的渲染指令。
62.需要说明的是,电子设备可以在接收到显示第一页面的指令的情况下,同时执行步骤100和步骤102,也可以先执行步骤100再执行步骤102。本技术实施例不作具体限定。
63.步骤103、电子设备在得到多个渲染指令之后,保持显示第一内容,并基于第一渲染指令,渲染并显示第一页面中的第二内容。
64.其中,上述第一渲染指令为:多个渲染指令中与预渲染指令不同的渲染指令。上述第二内容与第一内容不同。
65.在本技术的一些实施例中,上述第二内容可以为第一页面中除第一内容外的页面内容。换句话说,第一页面的页面内容可以由第一内容和第二内容组成。
66.示例性地,假设第一页面为聊天窗口页面,若第一内容为聊天窗口页面中的消息输入控件,则第二内容可以为聊天窗口页面中具体的聊天消息和用户标识。
67.示例性地,假设第一页面为视频播放页面,若第一内容为视频播放页面中的播放控件,则第二内容可以为视频播放页面中实时播放的视频内容。
68.在本技术的一些实施例中,电子设备在完成第一页面对应的脚本语言文件的解析之后,可以得到渲染第一页面所需的所有渲染指令。也就是说,电子设备在完成第一页面对应的脚本语言文件的解析之后,可以得到第一内容的渲染指令和第二内容的渲染指令。
69.可以理解,上述解析得到的渲染指令中与预渲染指令不同的渲染指令即为第二内容的渲染指令。
70.在本技术的一些实施例中,电子设备可以将完成第一页面对应的脚本语言文件的解析之后获得的所有渲染指令中,将与第一内容的预渲染指令相同的指令删除,仅渲染并显示解析得到的渲染指令中与预渲染指令不同的渲染指令,即渲染并显示第二内容。
71.如此,由于电子设备可以在上述页面渲染文件包含第一页面中的第一内容的预渲染指令的情况下,仅根据解析得到的多个渲染指令中与预渲染指令不同的渲染指令进行渲染并显示,因此可以避免电子设备渲染的内容发生重复,造成电子设备资源的浪费,从而可以提高页面的渲染效率,进而提高页面的显示效果。
72.本技术实施例中,在上述页面渲染文件包含第一页面的骨架描述文件的情况下,电子设备可以基于第一页面的骨架描述文件,渲染并显示第一页面的骨架。
73.在本技术的一些实施例中,上述第一页面的骨架描述文件可以为描述第一页面的页面布局和图标样式的文件。
74.示例性地,骨架描述文件可以通过可缩放的矢量图形(scalable vector graphics,svg)描述页面的骨架内容。该骨架描述文件可以包括矩形、椭圆、半圆等图形元素,以描述第一页面的真实页面内容的轮廓。
75.可以理解,电子设备基于第一页面的骨架描述文件,可以渲染并显示第一页面的真实页面内容的轮廓。
76.在本技术的一些实施例中,上述骨架可以为展示第一页面的骨架内容的页面,骨架可以通过显示页面布局和图标样式的加载占位图,来展示页面的大致结构。
77.示例性地,如图2a所示,以第一页面为页面20为例,页面20为图书阅读的页面,该页面20由图像板块21、收藏榜单板块22和图书列表板块23组成。页面20的骨架描述文件可以包括使用svg语法描述的页面20中图像板块21、收藏榜单板块22和图书列表板块23对应的骨架内容。电子设备可以基于页面20的骨架描述文件,渲染并显示页面20的骨架。如图2b所示,页面20的骨架可以通过直角矩形等图形元素,描述页面20中图像板块21、收藏榜单板块22和图书列表板块23对应的骨架。
78.在本技术的一些实施例中,上述第一安装包中预置有骨架配置文件和骨架描述文件。其中,骨架配置文件可以用于配置页面和骨架描述文件的对应关系。对于骨架配置文件的详细描述,可以参见下述的步骤104c1中的相关描述,此处不予赘述。
79.在本技术的一些实施例中,当电子设备需求显示第一页面时,电子设备可以在目标存储位置,通过骨架配置文件查询第一页面对应的骨架描述文件,并根据该骨架描述文件渲染第一页面对应的骨架。
80.示例性地,电子设备可以基于第一页面对应的骨架描述文件对单个视图通过添加canvas标签,进行原生渲染,得到第一页面对应的骨架。
81.在本技术的一些实施例中,电子设备可以在完成对第一页面对应的脚本语言文件的解析,获得第一页面的渲染指令之后,可以取消骨架的显示,并根据解析脚本语言文件得到的渲染指令渲染并显示第一页面的页面内容。
82.示例性地,电子设备可以在完成对第一页面对应的脚本语言文件的解析,获得第一页面的渲染指令序列之后,在开始根据获得的渲染指令序列进行渲染的同时,取消骨架的显示,显示根据获得的渲染指令序列渲染的真实页面内容。
83.示例性地,电子设备可以在完成对第一页面对应的脚本语言文件的解析,获得第
一页面的渲染指令序列之后,在根据获得的渲染指令序列进行渲染结束,得到第一页面的页面内容之后,取消骨架的显示,直接显示完整的第一页面的页面内容。
84.如此,电子设备可以在显示页面之前,根据预置在快应用安装包中的页面的骨架描述文件快速渲染并显示出页面的骨架,从而可以缩短电子设备显示第一页面之前的白屏时间,使用户可以提前感知到页面内容的渲染,缩短用户的等待时间,进而可以提高页面的显示效果。
85.在本技术实施例提供的内容显示方法中,由于第一安装包中包含有第一页面对应的页面渲染文件,因此,当需求显示快应用页面的页面内容时,可以在接收到显示该快应用页面的指令的情况下,直接从快应用安装包中获取第一页面对应的页面渲染文件,根据该页面渲染文件渲染并显示该页面的第一内容,从而电子设备可以通过显示该第一内容使用户提前感知到页面渲染的过程,缩短页面内容显示之前的白屏时间,进而可以提高页面的显示效果。
86.在本技术的一些实施例中,结合图1,如图3所示,在上述步骤100之前,本技术实施例提供的内容显示方法还可以包括下述的步骤104和步骤105。
87.步骤104、电子设备生成m个页面渲染文件。
88.其中,上述m个页面渲染文件与第一快应用中的m个页面一一对应,上述m个页面中可以包括第一页面,m为正整数。
89.在本技术的一些实施例中,上述m个页面可以为第一快应用中的任意m个页面。
90.示例性地,m个页面可以为第一快应用中连续显示的m个页面。
91.示例性地,m个页面还可以为第一快应用中非连续显示的m个页面。
92.在本技术的一些实施例中,m个页面渲染文件中的每个页面渲染文件可以包含其所对应的页面的至少部分内容的预渲染指令,或包含其所对应的页面的骨架描述文件。换句话说,上述m个页面渲染文件中可以为m个包含其所对应的页面的至少部分内容的预渲染指令的页面渲染文件;也可以为m个包含其所对应的页面的骨架描述文件的页面渲染文件;还可以为n个包含其所对应的页面的至少部分内容的预渲染指令的页面渲染文件,和m-n个包含其所对应的页面的骨架描述文件的页面渲染文件,n为小于m的正整数。
93.在本技术的一些实施例中,上述m个页面渲染文件中可以包含与第一页面对应的页面渲染文件。
94.在本技术的一些实施例中,结合图3,如图4所示,上述步骤104可以包括下述的步骤104a和步骤104b。
95.步骤104a、电子设备解析第二安装包中与第二页面对应的第二脚本语言文件,得到一组渲染指令。
96.其中,上述第二页面可以为m个页面中的任一页面。可以理解,第二页面与第一页面可以相同,也可以不同。
97.在本技术的一些实施例中,上述第二安装包可以为第一快应用没有预置页面渲染文件的安装包。
98.在本技术的一些实施例中,对于m个页面中的每个页面,电子设备可以解析第二安装包中与该页面对应的脚本语言文件,得到一个渲染指令序列,该渲染指令序列即为与该页面对应的一组渲染指令。
99.可以理解,一个页面对应的一组渲染指令中可以包括渲染该一个页面所需的所有渲染指令。
100.在本技术的一些实施例中,电子设备可以通过打包工具套件,解析第二安装包中与m个页面对应的脚本语言文件,得到与m个页面一一对应的m组渲染指令。
101.示例性地,电子设备可以通过打包工具套件,将第二安装包中与第二页面对应的第二脚本语言文件作为输入参数,对该第二页面对应的第二脚本语言文件进行解析,得到与第二页面对应的一组渲染指令。
102.示例性地,电子设备可以通过打包工具套件,将第二安装包中与m个页面对应的脚本语言文件作为输入参数,对该m个页面对应的脚本语言文件进行解析,得到与m个页面一一对应的m组渲染指令。
103.需要说明的是,电子设备可以为打包工具套件集成前端框架的脚本语言文件解析功能,使得打包工具套件具有解析脚本语言文件的能力。
104.步骤104b、电子设备将一组渲染指令中的指示静态内容的第二渲染指令,作为第二页面对应的预渲染指令,以生成第二页面渲染文件。
105.其中,上述第二页面渲染文件为m个页面渲染文件中的一个页面渲染文件。
106.在本技术的一些实施例中,电子设备可以对第一快应用的m个页面中的至少一个页面执行上述步骤104a和步骤104b,以得到m个页面渲染文件中的至少一个页面渲染文件。
107.在本技术的一些实施例中,各页面渲染文件可以包含其所对应的页面的至少部分内容的预渲染指令。
108.在本技术的一些实施例中,上述m个页面中的每个页面对应的页面渲染文件可以包含该页面对应的一组渲染指令中指示静态内容的渲染指令。换句话说,电子设备可以将各组渲染指令中指示静态内容的渲染指令,作为各组渲染指令对应的页面的预渲染指令;并基于各页面的预渲染指令,生成各页面对应的页面渲染文件。
109.如此,由于电子设备可以提前对页面对应的脚本语言文件进行解析,将得到的渲染指令中指示静态内容的渲染指令,作为页面对应的页面渲染文件,因此,可以通过提前获取页面中静态内容对应的预渲染指令,在需求显示页面时,可以直接根据预渲染指令,快速将页面中的固定的页面内容渲染并显示出来,缩短显示页面所需的时间,提高页面的显示效果。
110.在本技术的一些实施例中,结合图3,如图5所示,上述步骤104可以包括下述的步骤104c。
111.步骤104c、电子设备基于第三页面的页面参数,生成与第三页面对应的m个骨架描述文件。
112.其中,第三页面为m个页面中的任一页面,第三页面对应的第三页面渲染文件包括:第三页面对应的骨架描述文件;第三页面渲染文件为m个页面渲染文件中的一个页面渲染文件。
113.在本技术的一些实施例中,上述第三页面与第一页面可以相同,也可以不同;上述第三页面与第二页面不同。
114.在本技术的一些实施例中,页面的页面参数可以包括以下至少之一:页面内容、页面布局、图标样式。
115.示例性地,页面的页面内容可以包括但不限于页面中显示的字符、图像、表格等内容。
116.例如,页面的页面内容可以包括页面中字符、图像的显示尺寸。
117.示例性地,页面的页面布局可以包括但不限于页面内容的排布方式、格式设置。
118.例如,页面的页面布局可以包括字符的排列方向、字符的字号、字符的字形等。
119.又例如,页面的页面布局可以包括图像的显示方式、表格的显示时机等。
120.示例性地,页面的图标样式可以包括但不限于页面中图标的显示尺寸、显示位置、显示时间等内容。
121.例如,页面的图标样式可以包括页面中页面导航标识的图标的显示位置。
122.又例如,页面的图标样式可以包括页面中播放标识的图标的显示尺寸。
123.在本技术的一些实施例中,针对m个页面中的每个页面,电子设备可以基于该页面的页面参数,生成该页面对应的骨架描述文件。
124.示例性地,电子设备可以通过集成开发环境(integrated development environment,ide),控制骨架生成工具基于页面的页面参数,生成页面对应的骨架描述文件。
125.示例性地,电子设备可以根据用户基于页面的页面参数,手动编写的代码,生成该页面对应的骨架描述文件。
126.实际实现中,其他任意可以基于骨架描述文件生成骨架的方式均适用于本技术实施例提供的内容显示方法,本技术实施例不作具体限定。
127.需要说明的是,电子设备可以对上述m个页面中的至少一个页面都执行上述生成骨架描述文件的操作,得到与至少一个页面一一对应的至少一个骨架描述文件。
128.如此,由于电子设备可以根据页面的页面参数,确定与页面对应的骨架描述文件,因此生成的骨架描述文件为可以描述真实页面内容显示轮廓的骨架描述文件,从而基于骨架描述文件生成的骨架也是较为贴合真实页面内容显示轮廓的骨架,进而可以提高页面的显示效果。
129.在本技术的一些实施例中,上述步骤104c可以包括下述的步骤104c1。
130.步骤104c1、电子设备基于第三页面的页面参数,生成与第三页面对应的骨架描述文件和骨架配置文件。
131.其中,上述骨架配置文件用于指示第三页面与第三页面对应的骨架描述文件之间的对应关系,上述第一安装包中还可以包括骨架配置文件。
132.需要说明的是,骨架配置文件还可以指示m个页面与m个骨架描述文件之间的对应关系。
133.在本技术的一些实施例中,电子设备可以通过ide,控制骨架生成工具基于m个页面的页面参数,生成骨架配置文件和m个骨架描述文件。
134.在本技术的一些实施例中,电子设备可以通过骨架配置文件,查询页面对应的骨架描述文件。
135.示例性地,骨架配置文件可以通过包含映射表指示m个页面与m个骨架描述文件之间的对应关系。电子设备在需求打开m个页面中的一个页面时,可以通过骨架配置文件中的映射表,查询该一个页面对应的骨架描述文件。
136.如此,由于电子设备可以根据页面的页面参数,生成骨架配置文件和骨架描述文件,因此可以根据骨架配置文件准确的找到与页面对应的骨架描述文件,使得基于骨架描述文件生成的骨架较为贴合真实页面内容的轮廓,从而提高页面的显示效果。
137.步骤105、电子设备在第一快应用的第二安装包中添加m个页面渲染文件,得到第一安装包。
138.在本技术的一些实施例中,电子设备可以在第一快应用的第二安装包的目标存储位置添加获取到的m个页面渲染文件,得到第一安装包。
139.具体地,电子设备可以通过打包工具套件,将m个页面渲染文件添加至第二安装包的目标存储位置,得到第一安装包。
140.示例性地,电子设备可以在通过打包工具套件生成第一安装包的过程中,接收用户输入的包含特殊命令的打包命令,该特征命令指定了针对页面a、页面b
……
页面m共m个页面生成预渲染指令。电子设备接收到该包含特殊命令的打包命令之后,可以控制打包工具套件解析第二安装包中与m个页面对应的脚本语言文件,得到与m个页面一一对应的m组渲染指令。然后将各组渲染指令中指示静态内容的渲染指令,作为各页面对应的页面渲染文件中的预渲染指令,并对第二安装包和m个页面渲染文件进行打包,得到第一安装包。
141.示例性地,电子设备可以在通过打包工具套件生成第一安装包的过程中,接收用户输入的包含特殊命令的打包命令,该特征命令指定了针对页面a、页面b
……
页面m共m个页面生成骨架描述文件。电子设备接收到该包含特殊命令的打包命令之后,可以控制打包工具套件基于m个页面的页面参数,生成骨架配置文件和与m个页面一一对应的m个骨架描述文件,并将m个骨架描述文件作为m个页面对应的m个页面渲染文件,对骨架配置文件、第二安装包和m个页面渲染文件进行打包,得到第一安装包。
142.如此,由于电子设备可以获取与第一快应用中与m个页面一一对应的m个页面渲染文件,并在第一快应用的第二安装包中添加m个页面渲染文件,得到第一安装包,使得第一安装包中预置有第一快应用页面的至少部分内容的预渲染指令,或第一快应用页面的骨架描述文件,从而使得电子设备可以通过将解析脚本语言文件获得渲染指令的过程提前,获得预渲染指令的方式,或在安装包中预置页面对应的骨架描述文件的方式,在需求显示第一快应用的页面时,可以通过该页面对应的页面渲染文件,快速渲染并显示出部分真实页面内容或页面对应的骨架,缩短显示页面用户等待的时间,从而可以提高页面的显示效果。
143.在本技术的一些实施例中,在上述步骤105之后,本技术实施例还可以包括下述的步骤106。
144.步骤106、电子设备向目标设备发送第一安装包。
145.在本技术的一些实施例中,上述目标设备可以为服务器,也可以为其他电子设备。本技术实施例不作具体限定。
146.在本技术的一些实施例中,电子设备向目标设备发送第一安装包之后,目标设备接收到第一安装包,可以执行上述步骤100和步骤101的过程,以使得在其他设备需求显示快应用页面的页面内容时,可以在接收到显示第一页面的指令的情况下,快速将页面的部分真实页面内容或骨架显示出来,使用户提前感知到页面渲染的过程,缩短用户等待页面内容显示的时间,从而可以提高页面的显示效果。
147.如此,电子设备可以向目标设备发送第一安装包,以使得其他设备可以通过该第
一安装包,在运行第一快应用的过程中,可以基于页面渲染文件快速渲染并显示第一内容,提高第一快应用页面的显示效果。
148.以下以具体示例来对本技术实施例提供的内容显示方法进行示例性说明。
149.实施例1:如图6所示,该内容显示方法可以包括下述的步骤201至步骤208。
150.步骤201、电子设备为打包工具套件集成前端给框架的脚本语言文件解析功能。
151.步骤202、电子设备通过打包工具套件生成针对第一页面的预渲染指令。
152.在本技术的一些实施例中,在第一快应用的开发阶段,电子设备可以接收开发者输入的打包命令。该打包命令后面被追加了特殊指令,该特殊命令指定了针对第一页面准备生成预渲染指令。电子设备可以控制打包工具套件对第二安装包中第一页面对应的脚本语言文件进行解析,生成第一页面的预渲染指令。
153.步骤203、电子设备在第一快应用的第二安装包的目标存储位置添加预渲染指令,得到第一安装包。
154.步骤204、电子设备在接收到显示第一页面的指令的情况下,启动第一快应用的第一页面。
155.步骤205、电子设备在第一安装包的目标存储位置查询第一页面对应的预渲染指令。
156.步骤206、电子设备基于预渲染指令,渲染并显示第一内容。
157.步骤207、电子设备解析第一页面对应的脚本语言文件,得到第一页面的渲染指令序列。
158.需要说明的是,电子设备在执行上述步骤205和步骤206的同时,可以执行上述步骤207,以提高显示页面的速度和效率。
159.步骤208、电子设备根据解析得到的渲染指令中与所述预渲染指令不同的渲染指令,渲染并显示第一页面中的第二内容。
160.对于电子设备基于第一安装包中的预渲染指令渲染并显示第一内容的详细描述,可以参见上述步骤101至步骤105中的相关描述,此处不予赘述。
161.如此,由于电子设备可以将现有显示快应用页面内容的过程中,解析页面对应的脚本语言文件得到渲染指令中的部分过程提前,使得电子设备可以直接基于安装包中的渲染指令进行渲染并显示,并且该过程可以和正常的解析页面对应的脚本语言文件的过程并行,因此可以极大地提高页面渲染和显示的效率,从而可以提高页面的显示效果。
162.实施例2:如图7所示,该内容显示方法可以包括下述的步骤301至步骤308。
163.步骤301、电子设备在ide中新增骨架生成工具。
164.步骤302、电子设备通过ide,控制骨架生成工具生成骨架描述文件和骨架配置文件。
165.在本技术的一些实施例中,电子设备可以在第一快应用的开发阶段,控制ide通过骨架页面生成工具生成页面对应的骨架描述文件和骨架配置文件。其中,骨架描述文件可以通过svg语法描述页面的骨架内容,其可以由一系列矩形、椭圆、半圆和图片等图形元素组合在一起,描述真实页面内容的轮廓;骨架配置文件可以用于指示页面和骨架描述文件的对应关系。
166.步骤303、电子设备通过打包工具套件,在第一快应用的第二安装包的目标存储位
置添加骨架描述文件和骨架配置文件,得到第一安装包。
167.步骤304、电子设备在接收到显示第一页面的指令的情况下,启动第一快应用的第一页面。
168.步骤305、电子设备在第一安装包的目标存储位置通过骨架配置文件,查询第一页面对应的骨架描述文件。
169.步骤306、电子设备基于骨架描述文件,渲染并显示第一页面的骨架。
170.步骤307、电子设备解析第一页面对应的脚本语言文件,得到第一页面的渲染指令序列。
171.步骤308、电子设备取消第一页面的骨架显示,根据解析得到的渲染指令,渲染并显示第一页面。
172.对于电子设备基于第一安装包中页面对应的骨架描述文件渲染并显示页面对应的骨架的详细描述,可以参见上述步骤101至步骤105中的相关描述,此处不予赘述。
173.如此,电子设备可以通过在安装包中预置页面对应的骨架描述文件,使得在需求显示页面时,可以基于骨架描述文件,快速渲染并显示出预先设置的骨架,使用户提前感知到页面渲染的过程,缩短用户等待页面内容显示的时间,从而可以提高页面的显示效果。
174.本技术实施例提供的内容显示方法,执行主体可以为内容显示装置。本技术实施例中以内容显示装置执行内容显示方法为例,说明本技术实施例提供的内容显示装置。
175.图8示出了本技术实施例中涉及的内容显示装置的一种可能的结构示意图。如图8所示,该内容显示装置80可以包括:处理模块81和显示模块82;
176.其中,处理模块81,用于在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件;并基于页面渲染文件,渲染第一页面中的第一内容,第一安装包为第一快应用的安装包,第一页面为第一快应用中的页面;显示模块82,用于显示处理模块81渲染的第一页面中的第一内容;其中,页面渲染文件包含第一页面中的第一内容的预渲染指令,第一内容为第一页面中的至少部分内容;或,页面渲染文件包含第一页面的骨架描述文件,第一内容包括第一页面的骨架。
177.在一种可能的实现方式中,上述页面渲染文件包含预渲染指令;
178.上述处理模块81,还用于在接收到显示第一页面的指令的情况下,解析第一安装包中与第一页面对应的脚本语言文件,得到多个渲染指令;以及,在所述显示模块82显示第一页面中的第一内容之后,在得到多个渲染指令之后,基于第一渲染指令,渲染第一页面中的第二内容;
179.上述显示模块82,还用于保持显示第一内容,并显示处理模块81渲染的第一页面中的第二内容;
180.其中,第一渲染指令为:多个渲染指令中与预渲染指令不同的渲染指令;第二内容与第一内容不同。
181.在一种可能的实现方式中,上述处理模块81,还用于在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件之前,生成m个页面渲染文件,m个页面渲染文件与第一快应用中的m个页面一一对应,m个页面中包括第一页面,m为正整数;以及,用于在第一快应用的第二安装包中添加m个页面渲染文件,得到第一安装包。
182.在一种可能的实现方式中,上述处理模块81,具体用于:
183.解析第二安装包中与第二页面对应的第二脚本语言文件,得到一组渲染指令;
184.将一组渲染指令中的指示静态内容的第二渲染指令,作为第二页面对应的预渲染指令,以生成第二页面渲染文件,第二页面为m个页面中的任意页面,第二页面渲染文件为m个页面渲染文件中的一个页面渲染文件。
185.在一种可能的实现方式中,上述处理模块81,具体用于基于第三页面的页面参数,生成与第三页面对应的骨架描述文件;
186.其中,第三页面为m个页面中的任一页面,所述第三页面对应的第三页面渲染文件包括:所述第三页面对应的骨架描述文件;所述第三页面渲染文件为所述m个页面渲染文件中的一个页面渲染文件。
187.在一种可能的实现方式中,上述处理模块81,具体用于基于第三页面的页面参数,生成与第三页面对应的骨架描述文件和骨架配置文件;
188.其中,骨架配置文件用于指示第三页面与第三页面对应的骨架描述文件之间的对应关系,第一安装包中还包括骨架配置文件。
189.在本技术实施例提供的内容显示装置中,由于第一安装包中包含有第一页面对应的页面渲染文件,因此,当需求显示快应用页面的页面内容时,可以在接收到显示该快应用页面的指令的情况下,直接从快应用安装包中获取第一页面对应的页面渲染文件,根据该页面渲染文件渲染并显示该页面的第一内容,从而电子设备可以通过显示该第一内容使用户提前感知到页面渲染的过程,缩短页面内容显示之前的白屏时间,进而可以提高页面的显示效果。
190.本技术实施例中的内容显示装置可以是电子设备,也可以是电子设备中的部件,例如集成电路或芯片。该电子设备可以是终端,也可以为除终端之外的其他设备。示例性的,电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(mobile internet device,mid)、增强现实(augmented reality,ar)/虚拟现实(virtual reality,vr)设备、机器人、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer,umpc)、上网本或者个人数字助理(personal digital assistant,pda)等,还可以为服务器、网络附属存储器(network attached storage,nas)、个人计算机(personal computer,pc)、电视机(television,tv)、柜员机或者自助机等,本技术实施例不作具体限定。
191.本技术实施例中的内容显示装置可以为具有操作系统的装置。该操作系统可以为安卓(android)操作系统,可以为ios操作系统,还可以为其他可能的操作系统,本技术实施例不作具体限定。
192.本技术实施例提供的内容显示装置能够实现如上述内容显示方法实施例实现的各个过程,达到相同的技术效果,为避免重复,这里不再赘述。
193.可选地,如图9所示,本技术实施例还提供一种电子设备900,包括处理器901和存储器902,存储器902上存储有可在所述处理器901上运行的程序或指令,该程序或指令被处理器901执行时实现上述内容显示方法实施例的各个步骤,且能达到相同的技术效果,为避免重复,这里不再赘述。
194.需要说明的是,本技术实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
195.图10为实现本技术实施例的一种电子设备的硬件结构示意图。
196.该电子设备1000包括但不限于:射频单元1001、网络模块1002、音频输出单元1003、输入单元1004、传感器1005、显示单元1006、用户输入单元1007、接口单元1008、存储器1009、以及处理器1010等部件。
197.本领域技术人员可以理解,电子设备1000还可以包括给各个部件供电的电源(比如电池),电源可以通过电源管理系统与处理器1010逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图10中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置,在此不再赘述。
198.其中,处理器1010,用于在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件;并基于页面渲染文件,渲染第一页面中的第一内容,第一安装包为第一快应用的安装包,第一页面为第一快应用中的页面;显示单元1006,用于显示处理器1010渲染的第一页面中的第一内容;上述页面渲染文件包含第一页面中的第一内容的预渲染指令,第一内容为第一页面中的至少部分内容;或,页面渲染文件包含第一页面的骨架描述文件,第一内容为第一页面的骨架。
199.在一种可能的实现方式中,上述页面渲染文件包含预渲染指令;
200.上述处理器1010,还用于在接收到显示第一页面的指令的情况下,解析第一安装包中与第一页面对应的脚本语言文件,得到多个渲染指令;以及,在显示单元1006显示第一页面中的第一内容之后,在得到多个渲染指令之后,基于第一渲染指令,渲染第一页面中的第二内容;
201.上述显示单元1006,还用于保持显示第一内容,并显示处理器1010渲染的第一页面中的第二内容;
202.其中,第一渲染指令为:多个渲染指令中与预渲染指令不同的渲染指令;第二内容与第一内容不同。
203.在一种可能的实现方式中,上述处理器1010,还用于在在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件之前,生成m个页面渲染文件,m个页面渲染文件与第一快应用中的m个页面一一对应,m个页面中包括第一页面,m为正整数;以及,用于在第一快应用的第二安装包中添加m个页面渲染文件,得到第一安装包。
204.在一种可能的实现方式中,上述处理器1010,具体用于:
205.解析第二安装包中与第二页面对应的第二脚本语言文件,得到一组渲染指令;
206.将一组渲染指令中的指示静态内容的第二渲染指令,作为第二页面对应的预渲染指令,以生成第二页面渲染文件,第二页面为m个页面中的任意页面,第二页面渲染文件为m个页面渲染文件中的一个页面渲染文件。
207.在一种可能的实现方式中,上述处理器1010,具体用于基于第三页面的页面参数,生成与第三页面对应的骨架描述文件;
208.其中,第三页面为m个页面中的任一页面,所述第三页面对应的第三页面渲染文件包括:所述第三页面对应的骨架描述文件;所述第三页面渲染文件为所述m个页面渲染文件中的一个页面渲染文件。
209.在一种可能的实现方式中,上述处理器1010,具体用于基于第三页面的页面参数,
生成与第三页面对应的骨架描述文件和骨架配置文件;
210.其中,骨架配置文件用于指示第三页面与第三页面对应的骨架描述文件之间的对应关系,第一安装包中还包括骨架配置文件。
211.本技术实施例提供一种电子设备,由于第一安装包中包含有第一页面对应的页面渲染文件,因此,当需求显示快应用页面的页面内容时,可以在接收到显示该快应用页面的指令的情况下,直接从快应用安装包中获取第一页面对应的页面渲染文件,根据该页面渲染文件渲染并显示该页面的第一内容,从而电子设备可以通过显示该第一内容使用户提前感知到页面渲染的过程,缩短页面内容显示之前的白屏时间,进而可以提高页面的显示效果。
212.应理解的是,本技术实施例中,输入单元1004可以包括图形处理器(graphics processing unit,gpu)10041和麦克风10042,图形处理器10041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元1006可包括显示面板10061,可以采用液晶显示器、有机发光二极管等形式来配置显示面板10061。用户输入单元1007包括触控面板10071以及其他输入设备10072中的至少一种。触控面板10071,也称为触摸屏。触控面板10071可包括触摸检测装置和触摸控制器两个部分。其他输入设备10072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。
213.存储器1009可用于存储软件程序以及各种数据。存储器1009可主要包括存储程序或指令的第一存储区和存储数据的第二存储区,其中,第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外,存储器1009可以包括易失性存储器或非易失性存储器,或者,存储器1009可以包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(read-only memory,rom)、可编程只读存储器(programmable rom,prom)、可擦除可编程只读存储器(erasable prom,eprom)、电可擦除可编程只读存储器(electrically eprom,eeprom)或闪存。易失性存储器可以是随机存取存储器(random access memory,ram),静态随机存取存储器(static ram,sram)、动态随机存取存储器(dynamic ram,dram)、同步动态随机存取存储器(synchronous dram,sdram)、双倍数据速率同步动态随机存取存储器(double data rate sdram,ddrsdram)、增强型同步动态随机存取存储器(enhanced sdram,esdram)、同步连接动态随机存取存储器(synch link dram,sldram)和直接内存总线随机存取存储器(direct rambus ram,drram)。本技术实施例中的存储器1009包括但不限于这些和任意其它适合类型的存储器。
214.处理器1010可包括一个或多个处理单元;可选的,处理器1010集成应用处理器和调制解调处理器,其中,应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作,调制解调处理器主要处理无线通信信号,如基带处理器。可以理解的是,上述调制解调处理器也可以不集成到处理器1010中。
215.本技术实施例还提供一种可读存储介质,所述可读存储介质上存储有程序或指令,该程序或指令被处理器执行时实现上述内容显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
216.其中,所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质,包括计算机可读存储介质,如计算机只读存储器rom、随机存取存储器ram、磁碟或者光
盘等。
217.本技术实施例另提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现上述内容显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
218.应理解,本技术实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
219.本技术实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如上述内容显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
220.需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个
……”
限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本技术实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。
221.通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,或者网络设备等)执行本技术各个实施例所述的方法。
222.上面结合附图对本技术的实施例进行了描述,但是本技术并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本技术的启示下,在不脱离本技术宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本技术的保护之内。
技术特征:
1.一种内容显示方法,其特征在于,所述方法包括:在接收到显示第一页面的指令的情况下,获取第一安装包中与所述第一页面对应的页面渲染文件;基于所述页面渲染文件,渲染并显示所述第一页面中的第一内容,所述第一安装包为第一快应用的安装包,所述第一页面为所述第一快应用中的页面;其中,所述页面渲染文件包含所述第一页面中的第一内容的预渲染指令,所述第一内容为所述第一页面中的至少部分内容;或,所述页面渲染文件包含所述第一页面的骨架描述文件,所述第一内容包括所述第一页面的骨架。2.根据权利要求1所述的方法,其特征在于,所述页面渲染文件包含所述第一页面中的第一内容的预渲染指令;在接收到显示第一页面的指令的情况下,所述方法还包括:解析所述第一安装包中与所述第一页面对应的脚本语言文件,得到多个渲染指令;所述基于所述页面渲染文件,渲染并显示所述第一页面中的第一内容之后,所述方法还包括:在得到所述多个渲染指令之后,保持显示所述第一内容,并基于第一渲染指令,渲染并显示所述第一页面中的第二内容;其中,所述第一渲染指令为:所述多个渲染指令中与所述预渲染指令不同的渲染指令;所述第二内容与所述第一内容不同。3.根据权利要求1所述的方法,其特征在于,所述在接收到显示第一页面的指令的情况下,获取第一安装包中与所述第一页面对应的页面渲染文件之前,所述方法还包括:生成m个页面渲染文件,所述m个页面渲染文件与所述第一快应用中的m个页面一一对应,所述m个页面包括所述第一页面,m为正整数;在所述第一快应用的第二安装包中添加所述m个页面渲染文件,得到所述第一安装包。4.根据权利要求3所述的方法,其特征在于,所述生成m个页面渲染文件,包括:解析所述第二安装包中与第二页面对应的第二脚本语言文件,得到一组渲染指令;将所述一组渲染指令中的指示静态内容的第二渲染指令,作为所述第二页面对应的预渲染指令,以生成第二页面渲染文件,所述第二页面为所述m个页面中的任一页面,所述第二页面渲染文件为所述m个页面渲染文件中的一个页面渲染文件。5.根据权利要求3所述的方法,其特征在于,所述生成m个页面渲染文件,包括:基于第三页面的页面参数,生成与所述第三页面对应的骨架描述文件;其中,所述第三页面为所述m个页面中的任一页面,所述第三页面对应的第三页面渲染文件包括:所述第三页面对应的骨架描述文件;所述第三页面渲染文件为所述m个页面渲染文件中的一个页面渲染文件。6.根据权利要求5所述的方法,其特征在于,所述基于第三页面的页面参数,生成与所述第三页面对应的骨架描述文件,包括:基于第三页面的页面参数,生成与所述第三页面对应的骨架描述文件和骨架配置文件;其中,所述骨架配置文件用于指示所述第三页面与所述第三页面对应的骨架描述文件
之间的对应关系,所述第一安装包中还包括所述骨架配置文件。7.一种内容显示装置,其特征在于,所述装置包括:处理模块和显示模块;所述处理模块,用于在接收到显示第一页面的指令的情况下,获取第一安装包中与所述第一页面对应的页面渲染文件;并基于所述页面渲染文件,渲染所述第一页面中的第一内容,所述第一安装包为第一快应用的安装包,所述第一页面为所述第一快应用中的页面;所述显示模块,用于显示所述处理模块渲染的所述第一页面中的所述第一内容;其中,所述页面渲染文件包含所述第一页面中的第一内容的预渲染指令,所述第一内容为所述第一页面中的至少部分内容;或,所述页面渲染文件包含所述第一页面的骨架描述文件,所述第一内容包括所述第一页面的骨架。8.根据权利要求7所述的装置,其特征在于,所述处理模块,还用于在接收到显示第一页面的指令的情况下,获取第一安装包中与所述第一页面对应的页面渲染文件之前,生成m个页面渲染文件,所述m个页面渲染文件与所述第一快应用中的m个页面一一对应,所述m个页面包括所述第一页面,m为正整数;所述处理模块,还用于在所述第一快应用的第二安装包中添加所述m个页面渲染文件,得到所述第一安装包。9.根据权利要求8所述的装置,其特征在于,所述处理模块,具体用于:解析所述第二安装包中与第二页面对应的第二脚本语言文件,得到一组渲染指令;将所述一组渲染指令中的指示静态内容的第二渲染指令,作为所述第二页面对应的预渲染指令,以生成第二页面渲染文件,所述第二页面为所述m个页面中的任意页面,所述第二页面渲染文件为所述m个页面渲染文件中的一个页面渲染文件。10.根据权利要求8所述的装置,其特征在于,所述处理模块,具体用于基于第三页面的页面参数,生成与所述第三页面对应的骨架描述文件;其中,所述第三页面为所述m个页面中的任一页面,所述第三页面对应的第三页面渲染文件包括:所述第三页面对应的骨架描述文件;所述第三页面渲染文件为所述m个页面渲染文件中的一个页面渲染文件。11.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1至6中任一项所述的内容显示方法的步骤。
技术总结
本申请公开了一种内容显示方法、装置及电子设备,属于计算机技术领域,该方法包括:在接收到显示第一页面的指令的情况下,获取第一安装包中与第一页面对应的页面渲染文件;基于页面渲染文件,渲染并显示第一页面中的第一内容,第一安装包为第一快应用的安装包,第一页面为第一快应用中的页面;其中,页面渲染文件包含第一页面中的第一内容的预渲染指令,第一内容为第一页面中的至少部分内容;或,页面渲染文件包含第一页面的骨架描述文件,第一内容包括第一页面的骨架。包括第一页面的骨架。包括第一页面的骨架。
技术研发人员:彭峰
受保护的技术使用者:维沃移动通信有限公司
技术研发日:2023.06.27
技术公布日:2023/9/16
版权声明
本文仅代表作者观点,不代表航空之家立场。
本文系作者授权航家号发表,未经原创作者书面授权,任何单位或个人不得引用、复制、转载、摘编、链接或以其他任何方式复制发表。任何单位或个人在获得书面授权使用航空之家内容时,须注明作者及来源 “航空之家”。如非法使用航空之家的部分或全部内容的,航空之家将依法追究其法律责任。(航空之家官方QQ:2926969996)
飞行汽车 https://www.autovtol.com/
