页面的加载方法、装置、设备及存储介质制造方法及图纸

技术编号:36033060 阅读:56 留言:0更新日期:2022-12-21 10:35
本申请提供一种页面的加载方法、装置、设备及存储介质。涉及互联网技术领域。该方法包括:接收页面加载请求,所述页面加载请求携带待加载页面的链接信息;基于所述链接信息,确定所述待加载页面的版本类型;基于所述版本类型,确定所述待加载页面的脚本数据,所述脚本数据用于渲染所述待加载页面的动态效果;基于所述脚本数据,加载所述待加载页面。由于在接收页面加载请求时,能够确定待加载页面的版本类型,根据不同类型的页面,确定该页面的脚本数据,也即是,对于任一类型的网页,均能加载该网页对应的脚本数据,因此提高了该加载方法的适用性。适用性。适用性。

【技术实现步骤摘要】
页面的加载方法、装置、设备及存储介质


[0001]本申请涉及互联网
,尤其涉及一种页面的加载方法、装置、设备及存储介质。

技术介绍

[0002]随着互联网技术的发展,终端设备上安装的APP(Application,应用程序)的功能也越来越强。通过APP加载页面时,加载的页面资源也越来越丰富。
[0003]现有技术中,APP可以通过WebView控件加载页面。加载页面时需要加载该页面对应的资源数据。例如,js(Javascript,脚本)数据,css(cascading style sheet,层叠样式表单)数据等。其中,js数据用于渲染页面的动态效果,css数据用于渲染页面的样式。其中,WebView控件可以从加载页面的链接信息中获取资源数据对应的外链接地址信息,然后,通过资源数据对应的外链接地址信息,从服务器上加载资源数据。
[0004]但是,专利技术人发现现有技术至少存在如下技术问题:当加载页面链接信息中不包括外链接地址信息时,将无法加载资源数据,所以现有技术中加载方法的适用性较差。

技术实现思路

[0005]本申请提供一种页面的加载方法、装置、设备及存储介质,用以解决现有技术中加载方法的适用性较差的问题。
[0006]第一方面,本申请提供一种页面的加载方法,包括:接收页面加载请求,所述页面加载请求携带待加载页面的链接信息;
[0007]基于所述链接信息,确定所述待加载页面的版本类型;
[0008]基于所述版本类型,确定所述待加载页面的脚本数据,所述脚本数据用于渲染所述待加载页面的动态效果;
[0009]基于所述脚本数据,加载所述待加载页面。
[0010]第二方面,本申请提供一种页面的加载装置,包括:接收模块,用于接收页面加载请求,所述页面加载请求携带待加载页面的链接信息;
[0011]第一确定模块,用于基于所述链接信息,确定所述待加载页面的版本类型;
[0012]第二确定模块,用于基于所述版本类型,确定所述待加载页面的脚本数据,所述脚本数据用于渲染所述待加载页面的动态效果;
[0013]加载模块,用于基于所述脚本数据,加载所述待加载页面。
[0014]第三方面,本专利技术提供一种电子设备,包括:至少一个处理器和存储器;
[0015]所述存储器存储计算机执行指令;
[0016]所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如上第一方面所述的页面的加载方法。
[0017]第四方面,本专利技术提供一种计算机存储介质,所述计算机存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面所述的页面的加载
方法。
[0018]本申请实施例还提供一种计算机程序产品,所述计算机程序产品包括计算机程序,其存储在计算机可读存储介质中,至少一个处理器可以从计算机可读存储介质读取计算机程序,至少一个处理器执行计算机程序时,实现如上第一方面所述的页面的加载方法。
[0019]本申请提供的页面的加载方法、装置、设备及存储介质,由于在接收页面加载请求时,先确定加载页面的版本类型,然后根据版本类型,确定对应的脚本数据。这样,对于不同版本类型的网页,均能加载该网页对应的脚本数据,因此提高了该页面加载方法的适用性。
附图说明
[0020]此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
[0021]图1为本申请实施例的页面的加载方法的应用场景图;
[0022]图2为本申请实施例提供的页面的加载方法的流程图一;
[0023]图3为本申请实施例提供的页面的加载方法的流程图二;
[0024]图4为本申请实施例提供的页面的加载方法的示意图;
[0025]图5为本申请实施例提供的页面的加载方法的流程图三;
[0026]图6为本申请实施例提供的页面的加载装置的结构示意图;
[0027]图7为本申请实施例提供的电子设备的结构示意图。
[0028]通过上述附图,已示出本申请明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围,而是通过参考特定实施例为本领域技术人员说明本申请的概念。
具体实施方式
[0029]这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
[0030]目前,终端设备上安装的APP(Application,应用程序)的功能越来越多。通过APP加载页面时,加载的页面资源也越来越丰富。加载页面时需要加载的资源数据也越来越多。例如,js(Javascript,脚本)数据,css(cascading style sheet,层叠样式表单)数据等。其中,js数据用于渲染页面的动态效果,css数据用于渲染页面的样式。
[0031]现有技术中,APP可以通过WebView(WebView,网页视图)控件加载页面。例如,通过WebView控件加载h5页面。h5页面为第五代html页面,是可以集文字、图片、音乐、视频、链接等多各种形式的展示页面。其中,WebView控件可以从加载页面的链接信息中获取资源数据对应的外链接地址信息,然后,通过资源数据对应的外链接地址信息,从服务器上加载资源数据。最后完成页面的加载。
[0032]但是,随着加载页面的更新和迭代,一部分页面的链接信息中包括外链接地址信息,另一部分页面的链接信息中不包括外链接地址信息。这样,当链接信息中不包括外链接地址信息时,将无法从服务器上加载资源数据,导致上述加载方法的适用性较差。
[0033]针对上述技术问题,本申请提出如下技术构思:在接收页面加载请求时,先确定加载页面的版本类型,然后根据版本类型,确定对应的脚本数据。这样,对于不同版本类型的网页,均能加载该网页对应的脚本数据,因此提高了该页面加载方法的适用性。
[0034]下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
[0035]图1为本申请实施例的页面的加载方法的应用场景图。如图1所示,该应用场景包括:终端101和服务器102。终端101和服务器102之间可以通过网络进行通信。用户可以基于终端101上的APP客户端触发待加载页面的加载请求。APP客户端接收页面加载请求,终端101向服务器102发送获取待加载页面的脚本数据的获取请求,从服务器102中获取脚本数据。终端101通过获取的脚本数据,完成页面的加载。
[本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面的加载方法,其特征在于,包括:接收页面加载请求,所述页面加载请求携带待加载页面的链接信息;基于所述链接信息,确定所述待加载页面的版本类型;基于所述版本类型,确定所述待加载页面的脚本数据,所述脚本数据用于渲染所述待加载页面的动态效果;基于所述脚本数据,加载所述待加载页面。2.根据权利要求1所述的方法,其特征在于,所述基于所述链接信息,确定所述待加载页面的版本类型,包括:确定所述链接信息的属性信息,所述属性信息用于表示所述链接信息中是否包括脚本数据对应的外链接地址信息;若所述属性信息用于表示所述链接信息中包括脚本数据对应的外链接地址信息,则确定所述待加载页面的版本类型为新版本页面,若所述属性信息用于表示所述链接信息中不包括脚本数据对应的外链接地址信息,则确定所述待加载页面的版本类型为旧版本页面。3.根据权利要求2所述的方法,其特征在于,所述确定所述链接信息的属性信息,包括:根据预设的拦截方法拦截所述待加载页面的链接信息;查询所述链接信息中的地址关键字;若查询到所述地址关键字,则确定所述链接信息中包括外脚本数据对应的链接地址信息,若未查询到所述地址关键字,则确定所述链接信息中不包括脚本数据对应的外链接地址信息。4.根据权利要求1所述的方法,其特征在于,所述基于所述版本类型,确定所述待加载页面的脚本数据,包括:若所述待加载页面的版本类型为新版本页面,将所述脚本数据对应的外链接地址信息替换为本地地址信息;基于所述本地地址信息,确定所述待加载页面的脚本数据。5.根据权利要求4所述的方法,其特征在于,所述基于所述本地地址信息,确定所述待加载页面的脚本数据,包括:基于所述本地地址信息,从已存储的源码资源目录中获取本地地址信息对应的脚本文件;将所述脚本文件转换为脚本数据流。6.根据权利要求1所述的方法,其特征在于,所述基于...

【专利技术属性】
技术研发人员:张淼梁锐张希鹏
申请(专利权)人:建信金融科技有限责任公司
类型:发明
国别省市:

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

1