页面加载方法、装置、电子设备及存储介质

文档序号:1963873 发布日期:2021-12-14 浏览:18次 >En<

阅读说明:本技术 页面加载方法、装置、电子设备及存储介质 (Page loading method and device, electronic equipment and storage medium ) 是由 郭鹏杰 于 2021-10-18 设计创作,主要内容包括:本发明实施例涉及一种页面加载方法、装置、电子设备及存储介质,其中所述方法包括以下步骤:发起目标页面资源加载请求;触发向目标云端查询所述目标页面嵌有的预设待检内容的变更信息;接收所述查询的返回结果,并根据所述返回结果,从本地拉取所述待检内容对应的预设元素。相比现有技术,本发明实施例通过极大减少对代理服务器的通信数据量,实现诸如网络环境不理想时,同样能够确保web页面获得接近原生页面呈现的流畅度,具有高效、低成本及提高用户粘性的有益处。(The embodiment of the invention relates to a page loading method, a page loading device, electronic equipment and a storage medium, wherein the method comprises the following steps: initiating a target page resource loading request; triggering to inquire change information of preset to-be-detected content embedded in the target page from a target cloud; and receiving a return result of the query, and locally pulling a preset element corresponding to the content to be detected according to the return result. Compared with the prior art, the embodiment of the invention greatly reduces the communication data volume of the proxy server, can also ensure that the web page obtains fluency close to the presentation of the original page when the network environment is not ideal, and has the advantages of high efficiency, low cost and improvement of user stickiness.)

页面加载方法、装置、电子设备及存储介质

技术领域

本发明涉及互联网技术领域,特别涉及一种页面加载方法、装置、电子设备及存储介质。

背景技术

目前,用户访问页面时,移动终端通常会加载该页面的整体页面资源。为了提高页面加载速度,现有技术,主要通过缓存页面并从移动终端加载以响应页面访问请求,同时比较本地存储的页面资源与代理服务器存储的对应页面资源之间的代码差,进而根据代码差,由服务器端下载并更新本地存储的页面资源。

然而,当网络环境较差、用户流量超限而被迫降速,或移动终端内存吃紧导致加载相关程序运行缓慢时,网络资源下行及与服务器通信的速度一般都不理想。以及,对于诸如健康码呈现页面等特定高频使用页面,在上下班高峰期使得代理服务器面临高负荷甚至宕机风险,进而服务器响应时间升高,页面访问速度降低,体验不佳。

因此,降低代理服务器占用时长,以及优化访问高负荷时段响应速度和宕机发生率,并适应网络环境不理想等场景,提高页面呈现的流畅度,是需要解决的问题。

发明内容

基于此,有必要针对上述技术问题,提供一种极大减少对代理服务器的通信数据量,显著降低代理服务器占用时长,进而规避网络环境差问题,确保web页面获得接近原生页面呈现的流畅度,以及降低服务器访问高峰负荷及宕机发生率,提高用户粘性的页面加载方法、装置、电子设备及存储介质。

第一方面,本发明实施例提供了一种页面加载方法,其特征在于,所述方法包括以下步骤:

发起目标页面资源加载请求;

触发向目标云端查询所述目标页面嵌有的预设待检内容的变更信息;

接收所述查询的返回结果,并根据所述返回结果,从本地拉取所述待检内容对应的预设元素。

第二方面,本发明实施例提供了一种页面加载装置,包括:

页面资源模块,用于确定目标页面,并经触发从预设服务器下载并保存所述目标页面资源至本地,其中,所述目标页面资源包含预设元素,所述预设元素包括两个或以上,包含有所述目标页面前有的待检内容对应的呈现信息,所述呈现信息至少包括样式信息;

加载请求模块,用于通过应用终端向所述服务器发起所述目标页面资源加载请求,所述加载请求携带有查询信息;

查询返回模块,用于在所述加载请求响应前,触发查询目标云端包含的信息库,并根据所述信息库包含的预设查询策略,返回对应的返回结果;

信息检索模块,设置为包括所述信息库,以及所述预设查询策略;

加载显示模块,用于解析所述返回结果,并根据所述解析结果执行从本地拉取对应的所述预设元素,使得所述待检内容呈现为对应的显示状态和/或显示内容。

第三方面,本发明实施例提供了一种电子设备,所述电子设备包括存储器、处理器:

所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;

所述处理器用于根据所述程序代码中的指令执行本发明第一方面所述的页面加载方法;

所述电子设备还包括扫描装置、通信装置。

第四方面,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质用于存储程序代码,所述程序代码用于执行本发明第一方面所述的页面加载方法。

有益效果:

相比现有技术,本发明实施例提供了一种页面及其页面资源的构成,并且通过极大减少对代理服务器的通信数据量,显著降低代理服务器占用时长,节约了带宽,尤其是在页面访问量增多时,可以极大降低代理服务器的负荷及宕机发生率,并且在诸如网络环境不理想时,同样能够确保web页面获得接近原生页面呈现的流畅度,具有高效、低成本及提高用户粘性的有益处。

附图说明

图1为本发明实施例提供的页面加载方法的一种流程示意图;

图2为本发明实施例提供的页面加载装置的一种结构示意图。

具体实施方式

下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本技术领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

如图1所示,本发明实施例提供的页面加载方法,所述方法可以包括以下步骤S11至步骤S13:

步骤S11、发起目标页面资源加载请求;

步骤S12、触发向目标云端查询所述目标页面嵌有的预设待检内容的变更信息;

步骤S13、接收所述查询的返回结果,并根据所述返回结果,从本地拉取所述待检内容对应的预设元素。

具体地,用户通过应用终端发起目标页面资源加载请求,对应的实现途径,可以是通过所述应用终端扫描并识别特定识别码,或所述应用终端中的客户端登录所述目标页面;也可以是基于网址链接或者搜索条目触发的目标页面的跳转,或基于一页面内某个控件触发的目标页面的跳转等。该应用终端包括手机终端、智能穿戴设备等。可选地,当识别到应用终端为智能穿戴设备,在执行步骤S11至S13加载所述目标页面时,所述目标页面可以仅呈现所述预设待检内容。

在一个实施例中,该页面加载方法,应用于客户端中,用户通过应用终端,可以向本地、也可以向目标云端,发起目标页面资源加载请求;作为响应,触发向目标云端查询所述目标页面嵌有的预设待检内容的变更信息。所述目标云端包括但不限于服务器、代理服务器、网页资源管理服务器,或可访问位置。

进一步地,步骤S11中所述的发起目标页面资源加载请求之前,还包括以下子步骤:

步骤S111、用户通过应用终端,添加所述目标页面为预期高频使用页面;或者,当检测到所述目标页面的使用频率达到预设频率阈值;

步骤S112、作为响应,将所述目标页面资源由预设服务器下载并保存到本地。

具体地,可以通过预设白名单,管理所述目标页面生效、清理。

可选地,当超出预设时间阈值,未获取所述目标页面的加载请求,则清理所述本地保存的所述目标页面资源。

在一个实施例中,若用户添加所述目标页面为预期高频使用页面之后,可以触发后台执行将所述目标页面资源由所述服务器下载并保存到本地;也可以在第一次由所述服务器加载所述目标页面时,获得缓存,并将所述缓存时效性地保存至本地。

进一步地,步骤S112中所述的将所述目标页面资源由预设服务器下载并保存到本地,作为本地页面资源,还包括:

所述目标页面资源包含所述预设元素;其中,所述预设元素,包括两个或以上,包含有所述待检内容对应的呈现信息,所述呈现信息至少包括样式信息。

具体地,所述呈现信息,用于使得所述待检内容呈现为不同的显示状态和/或显示内容。进一步,所述预设元素,包括两个或以上,当所述根据所述返回结果,从本地拉取所述待检内容对应的预设元素,可以是单次拉取的一个所述预设元素对应于一个所述显示状态,也可以是单次拉取的多个所述预设元素对应于一个所述显示状态。其有益处在于,提供了一种页面及其页面资源的构成,以及该页面执行加载时的本地缓存方式、页面渲染和/或预设元素配置方式。实现诸如健康码呈现网页等特定高频使用页面及其加载方式的优化。

示例性地,本发明实施例应用于客户端中,所述预设待检内容,可以是所述目标页面的页面布局对应的显示子区域,或该子区域嵌有的第一子内容。其中,该第一子内容,可以包含登陆所述目标页面的用户对应的个人信息,因而不同应用终端加载所述目标页面对应的第一子内容不同。该子区域,还可以包括除第一子内容之外的第二子内容,例如第一子内容之外的用于呈现样式信息的第二子内容,则对于不同用户登陆并加载所述目标页面对应的第二子内容,可以不同,也可以相同;以及,对于相同用户登陆并加载所述目标页面对应的第二子内容,对应于不同时期可以相同,也可以不同。

例如,该目标页面是健康码呈现网页,具有一定时期内的页面布局及其显示内容的相对稳定性,但对应于不同用户登录客户端后登陆的该目标网页显示内容不同,主要表现在该目标页面的子区域对应的个人信息关联的状态信息,该状态信息对应的呈现内容存在差异,并作为所述待检内容;以及,同一个用户也可能在不同时期,该子区域对应的呈现内容亦有不同,例如该同一个用户的健康码由绿色转为黄色或红色,指示或代表用户健康风险状态差异。通常该健康码呈现网页会在用户进入特定场所如地铁或公共室内空间时被要求出示,其中该地铁或公共室内空间内的网络环境相对差,或者用户流量超限而被降速,以及用户在排队过闸机或安检时,需要顺利、快速或较低延时地出示相应证明,具有明显的有益处。

在一个实施例中,当添加所述目标页面为预期高频使用页面,或者,当检测到所述目标页面的使用频率达到预设频率阈值,则触发所述目标页面资源由预设服务器下载并保存到本地,进而作为本地页面资源,可以是后台执行,也可以是访问所述目标页面并完成加载时同步执行。可选地,所述本地页面资源保存于本地的本地页面资源库,所述本地页面资源库用于管理所述所述本地页面资源,所述管理包括但不限于对应于所述目标页面资源的下载、加载、时效管理、更新、清理。

需要指出的是,所述下载对应的所述目标页面资源,包含两个或以上所述预设元素,在所述下载执行时一次性从服务器获取并保存于本地,可以在一次加载目标页面时仅呈现对应的一个预设元素,此时其余的所述预设元素可以处于闲置状态或未加载状态。

进一步地,步骤S12中所述的所述目标页面嵌有的待检内容,至少包括关联所述应用终端和/或所述用户的个性化信息,还包括:

所述个性化信息,包含所述用户的身份信息、身份验证信息和/或状态信息;

其中,所述状态信息,包含于所述云端的预置信息库,并可修改或根据预设机制关联于其他所述用户对应的所述状态信息,进而生成所述变更。

在一个实施例中,所述预设信息库,可由具有公信力第三方机构修改或根据预设机制关联于其他所述用户对应的所述状态信息,并同步于代理服务器,进而获得所述变更信息。

在一个实施例中,所述状态信息,包含于所述云端的预置信息库,具体地,所述信息库中的一个用户,在一个时刻仅存在一个所述状态信息;而在本地保存的所述目标页面资源中存在对应于所述预设元素的两个或以上所述状态信息,并根据所述查询的返回结果进行拉取其中的一个所述预设元素对应的所述状态信息,或拉取其中的两个或以上所述预设元素共同渲染所述目标页面。

进一步地,步骤S12中所述的所述查询所述目标页面嵌有的预设待检内容的变更信息,还包括:

所述查询信息携带于所述加载请求信息;以及

所述服务器接收所述查询信息,将访问所述信息库,进而返回所述返回结果,所述返回结果包含所述变更信息,所述变更至少包括更新、异常。

具体地,所述查询对应的信息,携带于所述加载请求对应的信息中。

进一步地,上述的“返回所述返回结果”之后,还包括:

若所述返回结果包含返回值refresh,则代表所述目标页面存在界面变动,将触发从所述预设服务器加载所述目标页面,进而更新所述本地保存的所述目标页面资源;以及

若检测到所述目标页面从所述预设服务器加载的速度低于预设速度阈值,则暂停所述从所述预设服务器加载,并改为根据所述返回结果包含的除所述返回值refresh之外的所述返回值,从所述本地加载所述目标页面资源。

具体地,所述返回值refresh为包含于所述信息库,当接收到所述查询时用以返回。在一个实施例中,所述目标页面存在界面变动,则所述信息库包含的所有用户在通过移动终端发起目标页面资源加载请求时,均触发从所述预设服务器加载所述目标页面。所述返回值refresh还可以是一个预设数值,当所述目标页面经技术人员产生所述界面变动,随即由技术人员将所述界面变动信息添加进所述信息库。其中,所述界面变动,可以包括但不限于页面布局、嵌有元素和/或显示文本变动;也可以包括所述待检内容的变动,进一步所述待检内容可以是对应的所述状态信息变动。

此外,特殊地,即使产生所述界面变动,而未将所述界面变动信息添加进所述信息库,则并不影响所述待检内容的返回值,从而至少确保了所述待检内容的指示功能正常执行;或者,例如,获得返回值refresh以及返回值0,但检测到应用终端的网络环境差,以及加载页面缓慢,则可以暂时不执行从所述预设服务器加载所述目标页面资源,其中返回值0可以代表所述待检内容不存在所述变更,进而从本地拉取返回值0对应的所述预设元素,用于加载本地保存的所述目标页面资源。

上述实施例有益处在于,通过返回值,实现应用终端与预设服务器之间极小的通信数据量,以更快速地响应页面呈现,并且更灵活、低成本的更新本地保存的目标页面资源。相比现有方法,无需预设时间周期或每次发起加载请求时,检测本地缓存页面与对应的云端页面之间的代码差异。应用本发明实施例,降低服务器访问高峰负荷及其宕机发生率,减少了实现成本以及用户的等待时间,实现目标页面属性为web页面时,获得接近原生页面的呈现流畅度,提升用户粘性。

进一步地,步骤S11中所述的发起目标页面资源加载请求之后,还包括:

触发从所述本地预加载除所述待检内容之外的所述目标页面资源;

或者,

触发从所述本地预加载所述目标页面资源,并根据所述返回结果,若为所述待检内容存在所述变更,则对应于所述返回结果从所述本地拉取预设元素;若为所述待检内容不存在所述变更,则完成加载所述目标页面资源。

具体地,所述“根据所述返回结果,若为所述待检内容存在所述变更,则对应于所述返回结果从所述本地拉取所述待检内容的预设元素”,其中,若存在所述变更,则根据所述返回结果,以及从所述本地拉取所述待检内容的预设元素,对应地解析为执行替换当前预呈现的所述待检内容,或,对应地变更当前预呈现的所述待检内容的显示状态。所述预设元素,可以是所述待检内容的存在形式之一,也可以是渲染所述待检内容呈现不同显示状态或显示内容的组件。

示例性地,所述返回结果为返回值,用以指示不同的所述变更信息。所述返回值,包括0、1、2、3,其中:返回值0解析为不存在所述变更,若已从所述本地预加载所述目标页面资源,其中嵌有的所述待检内容,例如包括所述样式信息对应的绿色,则返回值0代表该预加载准确,即完成所述目标页面资源加载请求的响应;返回值1解析为存在所述变更对应的变更信息1,例如该变更信息1为所述样式信息对应的黄色,则将所述待检内容由绿色呈现为黄色,用以表示用户当前的状态信息;返回值2解析为存在所述变更对应的变更信息2,例如该变更信息2为所述样式信息对应的红色,则将所述待检内容由绿色呈现为红色,用以表示用户当前的状态信息;返回值3解析为存在所述目标页面的界面变动,所述界面变动可以无关、也可以相关于所述待检内容,则触发从所述预设服务器加载或下载并保存所述目标页面。其有益处在于,由于所述查询及返回值的通信量极小,因而诸如所述待检内容由绿色替换为黄色或由绿色替换为红色,即使网络环境不理想,也将以极快速度完成,用户难以察觉。

可选地,当检测到网络环境差,或,应用终端运行内存不足,优先加载并呈现所述待检测内容。

综上,相比现有技术,本发明实施例提供了一种页面及其页面资源的构成,并且通过极大减少对网络服务器的通信数据量,可以仅包括页面加载请求中携带的查询语句及其对应的返回值,进而极小服务器占用时长,节约了带宽;尤其在页面访问量增多时,可以极大降低代理服务器的压力及宕机发生率;并且在诸如网络环境不理想时,同样能够确保web页面获得接近原生页面呈现的流畅度,具有高效、低成本及提高用户粘性的有益处。

以上为本发明实施例提供的页面加载方法的一些具体实现方式,对应地,本发明还提供了一种页面加载装置、电子设备及存储介质实施例。其中将从功能模块化的角度对该页面加载装置进行详细说明。对于本发明页面加载装置、电子设备及存储介质实施例中未披露的细节,请参照本发明方法实施例。

如图2所示,本发明实施例提供的一种页面加载装置,所述装置包括以下模块:

页面资源模块,用于确定目标页面,并经触发从预设服务器下载并保存所述目标页面资源至本地,其中,所述目标页面资源包含预设元素,所述预设元素包括两个或以上,包含有所述目标页面前有的待检内容对应的呈现信息,所述呈现信息至少包括样式信息;

加载请求模块,用于通过应用终端向所述服务器发起所述目标页面资源加载请求,所述加载请求携带有查询信息;

查询返回模块,用于在所述加载请求响应前,触发查询目标云端包含的预置信息库,并根据所述信息库包含的预设查询策略,返回对应的返回结果;

信息检索模块,设置为包括所述信息库,以及所述预设查询策略;

加载显示模块,用于解析所述返回结果,并根据所述解析结果执行从本地拉取对应的所述预设元素,使得所述待检内容呈现为对应的显示状态和/或显示内容。

在一个实施例中,所述页面资源模块包括目标页面管理单元,所述目标页面管理单元具有白名单,用户通过应用终端添加所述目标页面为预期高频使用页面,或者,当检测到所述目标页面的使用频率达到预设频率阈值,作为响应,将所述目标页面添加至该白名单。所述目标页面管理单元,用于对所述目标页面进行动态管理。

示例性地,所述页面加载装置,可以应用于电子设备中安装的客户端,用户在客户端中打开所述目标页面时,并在所述白名单检索到所述目标页面,将自动调用本申请实施例的页面加载装置。

本发明实施例,还提供的一种页面加载装置,所述装置包括存储器、处理器;其中,

所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;

所述处理器用于根据所述程序代码中的指令执行前述各个实施例所述的一种页面加载方法中的任意一种实施方式;

所述电子设备还包括扫描装置、通信装置。

本发明实施例,还提供的一种计算机可读存储介质,所述计算机可读存储介质用于存储程序代码,所述程序代码用于执行前述各个实施例所述的一种页面加载方法中的任意一种实施方式。

需要说明的是,本发明的说明书和权利要求书及附图中的步骤编号,仅为了方便具体实施例的解释,不作为限定步骤执行先后顺序的作用。术语“第一”、“第二”、“第三”等(如果存在)是用于区别类似的对象,而不必然用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“以上”表示两个或大于两个。术语“多个”表示两个或大于两个。术语“包括”、“包含”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含。

应该理解的是,虽然上述流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,上述流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明技术原理的前提下,还可以做出若干改进和变形,这些改进和变形也应视为本发明的保护范围;在不冲突的情况下,本发明的实施方式及实施方式中的特征可以相互组合。

11页详细技术资料下载
上一篇:一种医用注射器针头装配设备
下一篇:网页数据处理方法及装置、存储介质和电子设备

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!