CN107861783A - 页面渲染的方法、装置和存储介质以及电子设备 - Google Patents
页面渲染的方法、装置和存储介质以及电子设备 Download PDFInfo
- Publication number
- CN107861783A CN107861783A CN201710995214.0A CN201710995214A CN107861783A CN 107861783 A CN107861783 A CN 107861783A CN 201710995214 A CN201710995214 A CN 201710995214A CN 107861783 A CN107861783 A CN 107861783A
- Authority
- CN
- China
- Prior art keywords
- resource
- simplified version
- bag
- page rendering
- resource bag
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本公开涉及一种页面渲染的方法、装置和存储介质以及电子设备,终端接收页面渲染请求,并确定页面渲染请求的耗时信息是否满足预设请求条件,在页面渲染请求的耗时信息满足预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便服务器根据第一资源请求消息向终端发送待使用的简版资源包,简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包,通过待使用的简版资源包对应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
Description
技术领域
本公开涉及数据处理领域,具体地,涉及一种页面渲染方法、装置和存储介质以及电子设备。
背景技术
为了满足用户日益增长的需求,开发人员需要不断对应用程序进行优化(如增加新的功能或者提升用户视觉体验等),这样,使得用户需要在应用程序商店中不断对应用程序进行更新,上述不断进行更新的操作降低了用户的体验,而Webapp无需用户在终端中安装,适用于不同系统的终端,并且迭代更新较方便,逐渐成为了用户的选择。
相比较于PC端,移动端的网络情况较复杂,例如,对于地铁、偏远地区等区域,移动端的网络信号较弱,并且网络存在抖动,在这种情况下,若用户访问Webapp,则可能需要耗费较长时间打开用户访问的Webapp网页,甚至用户在等待较长时间后Webapp崩溃,从而影响了用户的使用体验。
发明内容
为了解决上述问题,本公开提供了一种页面渲染的方法、装置和存储介质以及电子设备。
为了实现上述目的,根据本公开实施例的第一方面,提供一种页面渲染的方法,应用于终端,所述方法包括:接收页面渲染请求;确定所述页面渲染请求的耗时信息是否满足预设请求条件;在所述页面渲染请求的耗时信息满足所述预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便所述服务器根据所述第一资源请求消息向所述终端发送待使用的简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;通过所述待使用的简版资源包对所述应用程序进行页面渲染。
可选地,所述应用程序对应有至少两个简版资源包;所述第一资源请求消息包括网络状态参数,所述向服务器发送用于请求简版资源包的第一资源请求消息包括:
向所述服务器发送包括所述网络状态参数的第一资源请求消息,以便所述服务器根据所述网络状态参数从所述应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包,并将所述待使用的简版资源包发送至所述终端;不同简版资源包的大小不同。
可选地,所述方法还包括:在所述页面渲染请求的耗时信息不满足所述预设请求条件时,向所述服务器发送用于请求所述原始资源包的第二资源请求消息,以便所述服务器根据所述第二资源请求消息向所述终端发送所述原始资源包。
可选地,所述预设请求条件包括:页面渲染请求的耗时是否大于或者等于延时崩溃的第一预设阈值;和/或,请求超时的次数大于或者等于第二预设阈值。
根据本公开实施例的第二方面,提供一种页面渲染的方法,应用于服务器,所述方法包括:接收终端发送的第一资源请求消息,所述第一资源请求消息用于请求简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;根据所述第一资源请求消息获取待使用的简版资源包;将所述待使用的简版资源包发送至所述终端,以便所述终端通过所述待使用的简版资源包对所述应用程序进行页面渲染。
可选地,所述应用程序对应有至少两个简版资源包;所述第一资源请求消息包括网络状态参数,所述根据所述第一资源请求消息获取待使用的简版资源包包括:
根据所述网络状态参数从应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包;不同简版资源包的大小不同。
可选地,在所述根据所述网络状态参数从应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包前,还包括:
获取预设资源包对应关系,所述预设资源包对应关系包括所述网络状态参数与所述待使用的简版资源包之间的对应关系;
所述根据所述网络状态参数从应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包包括:根据所述预设资源包对应关系确定所述网络状态参数对应的待使用的简版资源包。
根据本公开实施例的第三方面,提供一种页面渲染的装置,应用于终端,所述装置包括:
第一接收模块,用于接收页面渲染请求;
确定模块,用于确定所述页面渲染请求的耗时信息是否满足预设请求条件;
第一发送模块,用于在所述页面渲染请求的耗时信息满足所述预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便所述服务器根据所述第一资源请求消息向所述终端发送待使用的简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
渲染模块,用于通过所述待使用的简版资源包对所述应用程序进行页面渲染。
可选地,所述应用程序对应有至少两个简版资源包;所述第一资源请求消息包括网络状态参数,所述第一发送模块,用于向所述服务器发送包括所述网络状态参数的第一资源请求消息,以便所述服务器根据所述网络状态参数从所述应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包,并将所述待使用的简版资源包发送至所述终端;不同简版资源包的大小不同。
可选地,所述装置还包括:第二发送模块,用于在所述页面渲染请求的耗时信息不满足所述预设请求条件时,向所述服务器发送用于请求所述原始资源包的第二资源请求消息,以便所述服务器根据所述第二资源请求消息向所述终端发送所述原始资源包。
可选地,所述预设请求条件包括:页面渲染请求的耗时是否大于或者等于延时崩溃的第一预设阈值;和/或,请求超时的次数大于或者等于第二预设阈值。
根据本公开实施例的第四方面,提供一种页面渲染的装置,应用于服务器,所述装置包括:
第二接收模块,用于接收终端发送的第一资源请求消息,所述第一资源请求消息用于请求简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
第一获取模块,用于根据所述第一资源请求消息获取待使用的简版资源包;
第三发送模块,用于将所述待使用的简版资源包发送至所述终端,以便所述终端通过所述待使用的简版资源包对所述应用程序进行页面渲染。
可选地,所述应用程序对应有至少两个简版资源包;所述第一资源请求消息包括网络状态参数,所述第一获取模块,用于根据所述网络状态参数从应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包;不同简版资源包的大小不同。
可选地,还包括:第二获取模块,用于获取预设资源包对应关系,所述预设资源包对应关系包括所述网络状态参数与所述待使用的简版资源包之间的对应关系;
所述第一获取模块,还用于根据所述预设资源包对应关系确定所述网络状态参数对应的待使用的简版资源包。
根据本公开实施例的第五方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述第一方面所述方法的步骤。
根据本公开实施例的第六方面,提供一种电子设备,包括:上述第五方面所述的计算机可读存储介质;以及一个或者对个处理器,用于执行所述计算机可读存储介质中的程序。
根据本公开实施例的第七方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述第二方面所述方法的步骤。
根据本公开实施例的第八方面,提供一种电子设备,包括:上述第七方面所述的计算机可读存储介质;以及一个或者对个处理器,用于执行所述计算机可读存储介质中的程序。
采用上述技术方案,终端接收页面渲染请求;确定所述页面渲染请求的耗时信息是否满足预设请求条件;在所述页面渲染请求的耗时信息满足所述预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便所述服务器根据所述第一资源请求消息向所述终端发送待使用的简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;通过所述待使用的简版资源包对所述应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本公开的进一步理解,并且构成说明书的一部分,与下面的具体实施方式一起用于解释本公开,但并不构成对本公开的限制。在附图中:
图1为本公开实施例提供的一种页面渲染的方法的流程示意图;
图2为本公开实施例提供的另一种页面渲染的方法的流程示意图;
图3为本公开实施例提供的又一种页面渲染的方法的流程示意图;
图4为本公开实施例提供的第一种页面渲染的装置的结构示意图;
图5为本公开实施例提供的第二种页面渲染的装置的结构示意图;
图6为本公开实施例提供的第三种页面渲染的装置的结构示意图;
图7为本公开实施例提供的第四种页面渲染的装置的结构示意图;
图8为本公开实施例提供的一种电子设备的框图;
图9为本公开实施例提供的又一种电子设备的框图。
具体实施方式
以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是,此处所描述的具体实施方式仅用于说明和解释本公开,并不用于限制本公开。
本公开可以应用于用户通过终端(如手机或者平板电脑等)上网的场景,在该场景下,用户可以对Webapp进行访问,但是,当网络状态较差(如网络的信号强度较弱)时,可能需要较长时间打开用户访问的Webapp网页,甚至用户在等待较长时间后Webapp崩溃,从而会影响到用户对Webapp的使用需求。
为了解决上述问题,本公开可以对同一应用程序开发原始资源包和简版资源包,并在网络状态较差时,终端发送用于请求简版资源包的第一资源请求消息,服务器根据该第一资源请求消息向终端发送待使用的简版资源包,从而终端根据该待使用的简版资源包对该应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
下面结合具体的实施例对本公开进行详细说明。
图1为本公开实施例提供的一种页面渲染的方法,如图1所示,该方法应用于终端,该方法包括:
S101、接收页面渲染请求。
其中,该页面渲染请求可以是用户在终端上的触发操作,示例地,如该页面渲染请求可以是用户启动应用程序的触发操作,上述示例只是举例说明,本公开对此不作限定。
S102、确定该页面渲染请求的耗时信息是否满足预设请求条件。
在本公开中,该预设请求条件可以包括:页面渲染请求的耗时大于或者等于延时崩溃的第一预设阈值;和/或,请求超时的次数大于或者等于第二预设阈值。
在本步骤中,可以通过以下三种方式确定该页面渲染请求的耗时信息是否满足预设请求条件:
方式一:确定该页面渲染请求的耗时是否大于或者等于延时崩溃的第一预设阈值,在该页面渲染请求的耗时大于或者等于该延时崩溃的第一预设阈值时,确定该页面渲染请求的耗时信息满足该预设请求条件;在该页面渲染请求的耗时小于该延时崩溃的第一预设阈值时,确定该页面渲染请求的耗时信息不满足该预设请求条件。
方式二:确定该请求超时的次数是否大于或者等于该第二预设阈值,在该请求超时的次数大于或者等于该第二预设阈值时,确定该页面渲染请求的耗时信息满足该预设请求条件;在该请求超时的次数小于该第二预设阈值时,确定该页面渲染请求的耗时信息不满足该预设请求条件。
方式三:确定该页面渲染请求的耗时是否大于或者等于延迟崩溃的第一预设阈值,在该页面渲染请求的耗时大于或者等于延迟崩溃的第一预设阈值时,确定该页面渲染请求的耗时信息满足该预设请求条件;在该页面渲染请求的耗时小于延迟崩溃的第一预设阈值时,确定该请求超时的次数是否大于或者等于该第二预设阈值,在该请求超时的次数大于或者等于该第二预设阈值时,确定该页面渲染请求的耗时信息满足该预设请求条件,在该请求超时的次数小于该第二预设阈值时,确定该页面渲染请求的耗时信息不满足该预设请求条件。
S103、在该页面渲染请求的耗时信息满足该预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便该服务器根据该第一资源请求消息向该终端发送待使用的简版资源包。
在本步骤中,该简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包,因此,该简版资源包的大小小于该原始资源包的大小,且若该应用程序的功能越齐全,图片的分辨率较高,则该资源包越大,相反,若该应用程序的功能越少,图片的分辨率越低,则该资源包越小,上述示例只是举例说明,本公开对此不作限定。
S104、通过该待使用的简版资源包对该应用程序进行页面渲染。
采用上述方法,可以对同一应用程序开发原始资源包和简版资源包,并在网络状态较差时,终端发送用于请求简版资源包的第一资源请求消息,服务器根据该第一资源请求消息向终端发送待使用的简版资源包,从而终端根据该待使用的简版资源包对该应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
图2为本公开实施例提供的一种页面渲染的方法,如图2所示,该方法应用于服务器,该方法包括:
S201、接收终端发送的第一资源请求消息。
在本步骤中,该第一资源请求消息用于请求简版资源包,其中,该简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包,因此,该简版资源包的大小小于该原始资源包的大小,且若该应用程序的功能越齐全,图片的分辨率较高,则该资源包越大,相反,若该应用程序的功能越少,图片的分辨率越低,则该资源包越小,上述示例只是举例说明,本公开对此不作限定。
S202、根据该第一资源请求消息获取待使用的简版资源包。
S203、将该待使用的简版资源包发送至该终端,以便该终端通过该待使用的简版资源包对该应用程序进行页面渲染。
采用上述方法,可以对同一应用程序开发原始资源包和简版资源包,并在网络状态较差时,终端发送用于请求简版资源包的第一资源请求消息,服务器根据该第一资源请求消息向终端发送待使用的简版资源包,从而终端根据该待使用的简版资源包对该应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
图3为本公开实施例提供的一种页面渲染的方法,如图3所示,该方法包括:
S301、终端接收页面渲染请求。
其中,该页面渲染请求可以是用户在终端上的触发操作,示例地,如用户启动应用程序的触发操作,上述示例只是举例说明,本公开对此不作限定。
需要说明的是,由于服务器中设置有应用程序对应的原始资源包,以及根据该原始资源包开发的至少两个简版资源包,即该简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包,不同简版资源包的大小不同,且若该应用程序的功能越齐全,图片的分辨率较高,则该资源包越大,相反,若该应用程序的功能越少,图片的分辨率越低,则该资源包越小,为了方便描述,在一种可能的实现方式中,可以根据该简版资源包的大小设置等级,若该等级越大,则该简版资源包越大,且该简版资源包对应的应用程序越接近原始资源包对应的应用程序,相反,若该等级越小,则该简版资源包越小,且该简版资源包对应的应用程序与原始资源包对应的应用程序相差越大,例如,对于等级较小的简版百度贴吧,不存在签到和群组聊天等功能,因此,在本步骤中,为了能够满足用户的需求,该页面渲染请求可以用于请求原始资源包,从而提升用户的体验,上述示例只是举例说明,本公开对此不作限定。
S302、终端确定该页面渲染请求的耗时是否大于或者等于延时崩溃的第一预设阈值。
示例地,终端设置的延迟崩溃的第一预设阈值为9s,若在9s内接收到服务器的反馈,则可以确定该页面渲染请求的耗时小于该延时崩溃的第一预设阈值,若在9s内未接收到服务器的反馈,则可以确定该页面渲染请求的耗时大于或者等于该延时崩溃的第一预设阈值。
在确定该页面渲染请求的耗时大于或者等于延时崩溃的第一预设阈值时,执行步骤S303和S307至S310;
在确定该页面渲染请求的耗时小于延时崩溃的第一预设阈值时,执行步骤S304。
S303、终端向服务器发送用于请求简版资源包的第一资源请求消息。
在本步骤中,该第一资源请求消息中包括网络状态参数,示例地,该网络状态参数可以包括终端当前的网络类型(如WIFI或者移动网络)、网络的信号强度、网络的传输速率等,上述示例只是举例说明,本公开对此不作限定。
S304、终端确定请求超时的次数是否大于或者等于第二预设阈值。
继续以上述终端设置的延时崩溃的第一预设阈值为9s为例进行说明,在本公开中,若终端设置的请求超时的时间为2s,且第二预设阈值为4,则当请求超时的次数为3次时,确定该请求超时的次数小于该第二预设阈值时,且该页面渲染请求的耗时仍小于延时崩溃的第一预设阈值;当请求超时的次数为5次时,确定该请求超时的次数大于该第二预设阈值时,且可以确定该页面渲染请求的耗时大于延时崩溃的第一预设阈值。
需要说明的是,可以通过统计用户的使用习惯确定该第一预设阈值和该第二预设阈值,例如,以1000个用户为样本,确定每个用户在请求超时的次数为多少次时会卸载应用程序或者停用应用程序,这样,可以计算1000个用户请求超时的次数的平均值得到该第二预设阈值,上述示例只是举例说明,本公开对此不作限定。
在确定该请求超时的次数大于或者等于该第二预设阈值时,执行步骤S303;
在确定该请求超时的次数小于该第二预设阈值时,执行步骤S305和S306。
S305、终端向服务器发送用于请求原始资源包的第二资源请求消息。
S306、服务器根据该第二资源请求消息获取原始资源包,并将该原始资源包发送至终端,以便终端通过该原始资源包对该应用程序进行页面渲染。
S307、服务器在接收到终端发送的第一资源请求消息后,获取预设资源包对应关系。
其中,该预设资源包对应关系可以包括该网络状态参数与待使用的简版资源包之间的对应关系,示例地,若该至少两个简版资源包包括1级简版资源包,2级简版资源包,…,N级简版资源包,则该预设资源包对应关系可以包括每一等级的简版资源包与其对应的网络状态参数之间的对应关系,例如,可以建立移动网络2G(相当于本公开中的网络状态参数)与1级简版资源包之间的对应关系,移动网络3G(相当于本公开中的网络状态参数)与2级简版资源包之间的对应关系,移动网络4G(相当于本公开中的网络状态参数)与3级简版资源包之间的对应关系,上述示例只是举例说明,本公开对此不作限定。
S308、服务器根据该预设资源包对应关系确定该网络状态参数对应的待使用的简版资源包。
继续以上述步骤S307建立的预设资源包对应关系为例进行说明,若终端的网络状态参数为3G,则可以确定对应的待使用的简版资源包为2级简版资源包,上述示例只是举例说明,本公开对此不作限定。
S309、服务器将该待使用的简版资源包发送至终端。
为了提高待使用的简版资源包的传输速度,可以通过将该待使用的简版资源包进行压缩,并将压缩后的待使用的简版资源包发送至终端,从而可以耗费较少的时间将该待使用的简版资源包传输至终端。
S310、终端通过该待使用的简版资源包对该应用程序进行页面渲染。
在本步骤中,若该终端接收到的是压缩后的待使用的简版资源包,则终端可以对压缩后的待使用的简版资源包进行解压,该解压后的待使用的简版资源包中包括不同资源,该资源可以包括CSS文件、JavaScript文件、图片和视频等文件,这样,可以根据用户访问的Webapp网页获取对应的资源,并根据获取的资源进行页面渲染,上述示例只是举例说明,本公开对此不作限定。
采用上述方法,可以对同一应用程序开发原始资源包和简版资源包,并在网络状态较差时,终端发送用于请求简版资源包的第一资源请求消息,服务器根据该第一资源请求消息向终端发送待使用的简版资源包,从而终端根据该待使用的简版资源包对该应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
图4为本公开实施例提供的一种页面渲染的装置,如图4所示,应用于终端,该装置包括:
第一接收模块401,用于接收页面渲染请求;
确定模块402,用于确定该页面渲染请求的耗时信息是否满足预设请求条件;
第一发送模块403,用于在该页面渲染请求的耗时信息满足该预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便该服务器根据该第一资源请求消息向该终端发送待使用的简版资源包;该简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
渲染模块404,用于通过该待使用的简版资源包对该应用程序进行页面渲染。
可选地,该应用程序对应有至少两个简版资源包;该第一资源请求消息包括网络状态参数,该第一发送模块403,用于向该服务器发送包括该网络状态参数的第一资源请求消息,以便该服务器根据该网络状态参数从该应用程序对应的至少两个简版资源包中确定该待使用的简版资源包,并将该待使用的简版资源包发送至该终端;不同简版资源包的大小不同。
图5为本公开实施例提供的一种页面渲染的装置,如图5所示,还包括:
第二发送模块405,用于在该页面渲染请求的耗时信息不满足该预设请求条件时,向该服务器发送用于请求该原始资源包的第二资源请求消息,以便该服务器根据该第二资源请求消息向该终端发送该原始资源包。
可选地,该预设请求条件包括:页面渲染请求的耗时大于或者等于延时崩溃的第一预设阈值;和/或,请求超时的次数大于或者等于第二预设阈值。
采用上述装置,可以对同一应用程序开发原始资源包和简版资源包,并在网络状态较差时,终端发送用于请求简版资源包的第一资源请求消息,服务器根据该第一资源请求消息向终端发送待使用的简版资源包,从而终端根据该待使用的简版资源包对该应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
图6为本公开实施例提供的一种页面渲染的装置,如图6所示,应用于服务器,该装置包括:
第二接收模块601,用于接收终端发送的第一资源请求消息,该第一资源请求消息用于请求简版资源包;该简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
第一获取模块602,用于根据该第一资源请求消息获取待使用的简版资源包;
第三发送模块603,用于将该待使用的简版资源包发送至该终端,以便该终端通过该待使用的简版资源包对该应用程序进行页面渲染。
可选地,该应用程序对应有至少两个简版资源包;该第一资源请求消息包括网络状态参数,该第一获取模块602,用于根据该网络状态参数从应用程序对应的至少两个简版资源包中确定该待使用的简版资源包;不同简版资源包的大小不同。
图7为本公开实施例提供的一种页面渲染的装置,如图7所示,该装置包括:
第二获取模块604,用于获取预设资源包对应关系,该预设资源包对应关系包括该网络状态参数与该待使用的简版资源包之间的对应关系;
该第一获取模块602,还用于根据该预设资源包对应关系确定该网络状态参数对应的待使用的简版资源包。
采用上述装置,可以对同一应用程序开发原始资源包和简版资源包,并在网络状态较差时,终端发送用于请求简版资源包的第一资源请求消息,服务器根据该第一资源请求消息向终端发送待使用的简版资源包,从而终端根据该待使用的简版资源包对该应用程序进行页面渲染,这样,能够根据终端的网络状态灵活地获取对应的待使用的简版资源包,从而解决了在终端网络状态较差时,无法及时对用户访问的Webapp网页进行页面渲染的问题,进而提升了页面渲染性能,保证了用户的上网体验。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图8是根据一示例性实施例示出的一种电子设备800的框图。如图8所示,该电子设备800可以包括:处理器801,存储器802,多媒体组件803,输入/输出(I/O)接口804,以及通信组件805。
其中,处理器801用于控制该电子设备800的整体操作,以完成上述图1所述的页面渲染的方法中的全部或部分步骤。存储器802用于存储各种类型的数据以支持在该电子设备800的操作,这些数据例如可以包括用于在该电子设备800上操作的任何应用程序或方法的指令,以及应用程序相关的数据。该存储器802可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(Static Random Access Memory,简称SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory,简称EEPROM),可擦除可编程只读存储器(Erasable Programmable Read-OnlyMemory,简称EPROM),可编程只读存储器(Programmable Read-Only Memory,简称PROM),只读存储器(Read-Only Memory,简称ROM),磁存储器,快闪存储器,磁盘或光盘。多媒体组件803可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏,音频组件用于输出和/或输入音频信号。例如,音频组件可以包括一个麦克风,麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器802或通过通信组件805发送。音频组件还包括至少一个扬声器,用于输出音频信号。I/O接口804为处理器801和其他接口模块之间提供接口,上述其他接口模块可以是键盘,鼠标,按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件805用于该电子设备800与其他设备之间进行有线或无线通信。无线通信,例如Wi-Fi,蓝牙,近场通信(Near Field Communication,简称NFC),2G、3G或4G,或它们中的一种或几种的组合,因此相应的该通信组件805可以包括:Wi-Fi模块,蓝牙模块,NFC模块。
在一示例性实施例中,电子设备800可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit,简称ASIC)、数字信号处理器(DigitalSignal Processor,简称DSP)、数字信号处理设备(Digital Signal Processing Device,简称DSPD)、可编程逻辑器件(Programmable Logic Device,简称PLD)、现场可编程门阵列(Field Programmable Gate Array,简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述图1所述的页面渲染的方法。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,例如包括程序指令的存储器802,上述程序指令可由电子设备800的处理器801执行以完成上述图1所述的页面渲染的方法。
图9是根据一示例性实施例示出的一种电子设备900的框图。例如,电子设备900可以被提供为一服务器。参照图9,电子设备900包括处理器922,其数量可以为一个或多个,以及存储器932,用于存储可由处理器922执行的计算机程序。存储器932中存储的计算机程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理器922可以被配置为执行该计算机程序,以执行上述图2提供的页面渲染的方法。
另外,电子设备900还可以包括电源组件926和通信组件950,该电源组件926可以被配置为执行电子设备900的电源管理,该通信组件950可以被配置为实现电子设备900的通信,例如,有线或无线通信。此外,该电子设备900还可以包括输入/输出(I/O)接口958。电子设备900可以操作基于存储在存储器932的操作系统,例如Windows ServerTM,Mac OSXTM,UnixTM,LinuxTM等等。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,例如包括程序指令的存储器932,上述程序指令可由电子设备900的处理器922执行以完成上述图2所述的页面渲染的方法。
以上结合附图详细描述了本公开的优选实施方式,但是,本公开并不限于上述实施方式中的具体细节,在本公开的技术构思范围内,可以对本公开的技术方案进行多种简单变型,这些简单变型均属于本公开的保护范围。
另外需要说明的是,在上述具体实施方式中所描述的各个具体技术特征,在不矛盾的情况下,可以通过任何合适的方式进行组合,为了避免不必要的重复,本公开对各种可能的组合方式不再另行说明。
此外,本公开的各种不同的实施方式之间也可以进行任意组合,只要其不违背本公开的思想,其同样应当视为本公开所公开的内容。
Claims (10)
1.一种页面渲染的方法,其特征在于,应用于终端,所述方法包括:
接收页面渲染请求;
确定所述页面渲染请求的耗时信息是否满足预设请求条件;
在所述页面渲染请求的耗时信息满足所述预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便所述服务器根据所述第一资源请求消息向所述终端发送待使用的简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
通过所述待使用的简版资源包对所述应用程序进行页面渲染。
2.根据权利要求1所述的方法,其特征在于,所述应用程序对应有至少两个简版资源包;所述第一资源请求消息包括网络状态参数,所述向服务器发送用于请求简版资源包的第一资源请求消息包括:
向所述服务器发送包括所述网络状态参数的第一资源请求消息,以便所述服务器根据所述网络状态参数从所述应用程序对应的至少两个简版资源包中确定所述待使用的简版资源包,并将所述待使用的简版资源包发送至所述终端;不同简版资源包的大小不同。
3.根据权利要求1所述的方法,其特征在于,所述预设请求条件包括:页面渲染请求的耗时大于或者等于延时崩溃的第一预设阈值;和/或,
请求超时的次数大于或者等于第二预设阈值。
4.一种页面渲染的方法,其特征在于,应用于服务器,所述方法包括:
接收终端发送的第一资源请求消息,所述第一资源请求消息用于请求简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
根据所述第一资源请求消息获取待使用的简版资源包;
将所述待使用的简版资源包发送至所述终端,以便所述终端通过所述待使用的简版资源包对所述应用程序进行页面渲染。
5.一种页面渲染的装置,其特征在于,应用于终端,所述装置包括:
第一接收模块,用于接收页面渲染请求;
确定模块,用于确定所述页面渲染请求的耗时信息是否满足预设请求条件;
第一发送模块,用于在所述页面渲染请求的耗时信息满足所述预设请求条件时,向服务器发送用于请求简版资源包的第一资源请求消息,以便所述服务器根据所述第一资源请求消息向所述终端发送待使用的简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
渲染模块,用于通过所述待使用的简版资源包对所述应用程序进行页面渲染。
6.一种页面渲染的装置,其特征在于,应用于服务器,所述装置包括:
第二接收模块,用于接收终端发送的第一资源请求消息,所述第一资源请求消息用于请求简版资源包;所述简版资源包是对用于渲染应用程序的页面的原始资源包中的资源进行简化后的资源包;
第一获取模块,用于根据所述第一资源请求消息获取待使用的简版资源包;
第三发送模块,用于将所述待使用的简版资源包发送至所述终端,以便所述终端通过所述待使用的简版资源包对所述应用程序进行页面渲染。
7.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至3任一项所述方法的步骤。
8.一种电子设备,其特征在于,包括:
权利要求7中所述的计算机可读存储介质;以及
一个或者对个处理器,用于执行所述计算机可读存储介质中的程序。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求4所述方法的步骤。
10.一种电子设备,其特征在于,包括:
权利要求9中所述的计算机可读存储介质;以及
一个或者对个处理器,用于执行所述计算机可读存储介质中的程序。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710995214.0A CN107861783A (zh) | 2017-10-23 | 2017-10-23 | 页面渲染的方法、装置和存储介质以及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710995214.0A CN107861783A (zh) | 2017-10-23 | 2017-10-23 | 页面渲染的方法、装置和存储介质以及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107861783A true CN107861783A (zh) | 2018-03-30 |
Family
ID=61696249
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710995214.0A Pending CN107861783A (zh) | 2017-10-23 | 2017-10-23 | 页面渲染的方法、装置和存储介质以及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107861783A (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109413337A (zh) * | 2018-08-30 | 2019-03-01 | 北京达佳互联信息技术有限公司 | 视频渲染方法、装置、电子设备及存储介质 |
CN110889074A (zh) * | 2019-11-27 | 2020-03-17 | 珠海格力电器股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
CN111552613A (zh) * | 2020-04-26 | 2020-08-18 | 北京字节跳动网络技术有限公司 | 线程超时的处理方法、装置以及电子设备 |
CN111881380A (zh) * | 2020-06-28 | 2020-11-03 | 百度在线网络技术(北京)有限公司 | 搜索结果处理方法、装置、电子设备及存储介质 |
CN112182450A (zh) * | 2020-09-15 | 2021-01-05 | 中信银行股份有限公司 | 一种银行系统页面集成的方法、系统及存储介质 |
CN112860357A (zh) * | 2019-11-26 | 2021-05-28 | 上海哔哩哔哩科技有限公司 | 动画资源的渲染方法、装置、计算机设备和存储介质 |
CN114896013A (zh) * | 2022-05-12 | 2022-08-12 | 北京达佳互联信息技术有限公司 | 页面加载时长确定方法、装置、电子设备及存储介质 |
CN115905757A (zh) * | 2023-01-06 | 2023-04-04 | 深圳华强电子网集团股份有限公司 | 一种基于分布式部署的浏览器数字化管理系统及方法 |
WO2023051439A1 (zh) * | 2021-09-30 | 2023-04-06 | 北京字节跳动网络技术有限公司 | 页面刷新的耗时优化方法、装置及终端设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105354062A (zh) * | 2015-11-06 | 2016-02-24 | 深圳市金立通信设备有限公司 | 一种加载页面的显示方法及移动终端 |
CN105760405A (zh) * | 2014-12-19 | 2016-07-13 | 阿里巴巴集团控股有限公司 | 用于加载web页面的网络资源获取方法、缓存方法及装置 |
CN106874434A (zh) * | 2017-01-24 | 2017-06-20 | 青岛海信电器股份有限公司 | 一种网页数据处理、网页加载方法及相关装置 |
-
2017
- 2017-10-23 CN CN201710995214.0A patent/CN107861783A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105760405A (zh) * | 2014-12-19 | 2016-07-13 | 阿里巴巴集团控股有限公司 | 用于加载web页面的网络资源获取方法、缓存方法及装置 |
CN105354062A (zh) * | 2015-11-06 | 2016-02-24 | 深圳市金立通信设备有限公司 | 一种加载页面的显示方法及移动终端 |
CN106874434A (zh) * | 2017-01-24 | 2017-06-20 | 青岛海信电器股份有限公司 | 一种网页数据处理、网页加载方法及相关装置 |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109413337A (zh) * | 2018-08-30 | 2019-03-01 | 北京达佳互联信息技术有限公司 | 视频渲染方法、装置、电子设备及存储介质 |
CN112860357A (zh) * | 2019-11-26 | 2021-05-28 | 上海哔哩哔哩科技有限公司 | 动画资源的渲染方法、装置、计算机设备和存储介质 |
CN112860357B (zh) * | 2019-11-26 | 2023-06-16 | 上海哔哩哔哩科技有限公司 | 动画资源的渲染方法、装置、计算机设备和存储介质 |
CN110889074A (zh) * | 2019-11-27 | 2020-03-17 | 珠海格力电器股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
CN110889074B (zh) * | 2019-11-27 | 2022-04-08 | 珠海格力电器股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
CN111552613A (zh) * | 2020-04-26 | 2020-08-18 | 北京字节跳动网络技术有限公司 | 线程超时的处理方法、装置以及电子设备 |
CN111881380A (zh) * | 2020-06-28 | 2020-11-03 | 百度在线网络技术(北京)有限公司 | 搜索结果处理方法、装置、电子设备及存储介质 |
CN112182450A (zh) * | 2020-09-15 | 2021-01-05 | 中信银行股份有限公司 | 一种银行系统页面集成的方法、系统及存储介质 |
WO2023051439A1 (zh) * | 2021-09-30 | 2023-04-06 | 北京字节跳动网络技术有限公司 | 页面刷新的耗时优化方法、装置及终端设备 |
CN114896013A (zh) * | 2022-05-12 | 2022-08-12 | 北京达佳互联信息技术有限公司 | 页面加载时长确定方法、装置、电子设备及存储介质 |
CN115905757A (zh) * | 2023-01-06 | 2023-04-04 | 深圳华强电子网集团股份有限公司 | 一种基于分布式部署的浏览器数字化管理系统及方法 |
CN115905757B (zh) * | 2023-01-06 | 2023-05-02 | 深圳华强电子网集团股份有限公司 | 一种基于分布式部署的浏览器数字化管理系统及方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107861783A (zh) | 页面渲染的方法、装置和存储介质以及电子设备 | |
CN105873013B (zh) | 一种基于e-SIM卡的运营商选择方法、装置及移动终端 | |
CN104978176B (zh) | 应用程序接口调用方法、装置及计算机可读存储介质 | |
CN104935744A (zh) | 一种验证码显示方法、验证码显示装置及移动终端 | |
KR20110118975A (ko) | 휴대용 단말기에서 펌웨어 업데이트를 수행하기 위한 장치 및 방법 | |
CN103634294A (zh) | 信息验证方法和装置 | |
CN105337843A (zh) | 交互系统、方法、客户端及后台服务器 | |
CN104735657B (zh) | 安全终端验证方法、无线接入点绑定方法、装置及系统 | |
CN106775871A (zh) | 固件升级方法及设备 | |
CN107741844A (zh) | 一种应用安装包的生成方法和装置 | |
CN109067582A (zh) | 一种数据管理系统、方法及装置 | |
CN105848117B (zh) | 充值方法和充值装置 | |
CN105681542A (zh) | 一种信息处理方法、系统及终端 | |
CN104901991A (zh) | 虚拟资源转移方法、装置和系统 | |
US20220124192A1 (en) | Communication System Selection | |
CN109688183A (zh) | 群控设备识别方法、装置、设备及计算机可读存储介质 | |
CN107454664B (zh) | 一种数据传输方法及移动终端 | |
CN105246075A (zh) | 接入点连接方法及装置 | |
CN106098088B (zh) | 一种显示歌词的方法和装置 | |
CN106874131A (zh) | 广播队列调整方法、装置和终端设备 | |
CN108182090A (zh) | 基于blink内核的Flash插件加载方法及装置 | |
CN106413032A (zh) | 一种热点建立方法及终端设备 | |
CN103699310B (zh) | 一种页面阅读的处理方法、装置和终端设备 | |
CN103473030B (zh) | 一种处理指令的方法、装置和终端设备 | |
CN107463524A (zh) | 一种访问数据的方法及相关设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180330 |
|
RJ01 | Rejection of invention patent application after publication |