页面加载方法、客户端及系统技术方案

本申请提供一种页面加载方法。该方法包括：根据页面加载请求加载页面；通过加载器解析出所加载的页面内容中所需的静态资源文件的引用地址；根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容所需的静态资源文件。相应的，本申请还提供一种客户端及系统。本申请提供的技术方案，能克服平台和系统限制，使得各种平台和系统都能适用该方法提升页面加载性能，应用更为广泛。

【技术实现步骤摘要】

本申请涉及移动通信
，更为具体地，涉及一种页面加载方法、客户端及系统。
技术介绍
在移动应用程序(App，Application)开发领域，主要有以下几种开发模式：本地应用模式(Native App)、混合应用模式(Hybrid App)、基于网页的应用模式(WebApp)。Hybrid App综合了Native App和WebApp的优势，具有更新速度快、交互体验好、跨平台等优点，因而被广泛应用在移动终端中。该模式中HTML5的页面被嵌入到NatvieApp的网络视图(webview)中，并将网络视图的网页以本地视图(Native)的页面形式进行显示。但是，被嵌入到HybridApp的HTML5页面的应用性能较差，其页面加载速度相对Native App较慢，这是因为Native实现方式中对页面所需静态资源文件的加载都是本地化获取，不通过网络请求获取，因此加载速度快，而Hybrid App的HTML5页面所需静态资源文件是需要通过网络请求获取，增加了请求延迟，也就影响了页面加载速度，因此加载速度较慢。例如，在Hybrid架构下的移动应用中存在着许多HTML5页面，这些页面中会引用大量的静态资源文件，如JS(JavaScript)、CSS(Cascading Style Sheets，级联样式表)文件。加载这些HTML5页面，就会引发多个HTTP请求，例如某些页面中未经优化的页面会发送出多个如至少8个HTTP请求，而且每次页面刷新都需要重新进行请求，造成页面的加载性能低下。现有技术存在一种针对混合Hybrid架构下页面加载方法，该方法对静态资源文件的加载是通过URL(Uniform Resource Locator，统一资源定位符)拦截机制实现，主要是客户端中设置的拦截模块检测到客户端向网络侧请求获取静态资源文件的HTTP请求后，拦截HTTP请求，并向客户端本地请求已缓存的静态资源文件。但是，现有技术方法的这种拦截机制并非在所有的平台和系统下都生效，只能适应部分情形下的加载性能优化，使得应用范围较小，并不是一种完善的解决方案。
技术实现思路
鉴于上述，本申请提出了一种页面加载方法、客户端及系统，能克服平台和系统限制，使得各种平台和系统都能适用该方法提升页面加载性能，应用更为广泛。本申请提供的技术方案如下：根据本申请的一个方面，提供一种页面加载方法，包括：根据页面加载请求加载页面；通过加载器解析出所加载的页面内容中所需的静态资源文件的引用地址；根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。可选的，所述根据静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载页面内容中所需的静态资源文件包括：当客户端本地静态资源缓存区存储有加载页面内容中所需的静态资源文件时，根据静态资源文件的引用地址，调用静态资源应用程序接口从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。可选的，所述根据静态资源文件的引用地址，调用静态资源应用程序接口从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件包括：向静态资源应用程序接口输入所述静态资源文件的引用地址，由所述静态资源应用程序接口根据所述引用地址从客户端本地静态资源缓存区获取所述页面内容中所需的静态资源文件后输出。可选的，所述客户端本地静态资源缓存区预先存储静态资源文件。可选的，所述静态资源文件通过增量打包的方式发送到客户端本地静态资源缓存区进行存储和更新。可选的，所述页面内容中，通过入口文件表明静态资源文件的引用地址，在入口文件中将静态资源文件的引用地址采用模块化方式声明在各自的依赖列表中，通过分析依赖列表确定各静态资源文件的引用地址。可选的，所述方法还包括，当从客户端本地静态资源缓存区未加载到页面内容中所需的静态资源文件时，加载器从网络侧加载页面内容所需的静态资源文件，并存储到客户端本地静态资源缓存区。可选的，所述页面为HTML5页面，和/或，所述根据页面加载请求加载页面为在混合应用模式下根据页面加载请求加载页面。根据本申请的另一个方面，提供一种页面加载的客户端，包括：加载单元，用于根据页面加载请求加载页面；加载器，用于解析出加载单元所加载的页面内容中所需的静态资源文件的引用地址，根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。可选的，客户端还包括：静态资源应用程序接口，用于被所述加载器调用，当客户端存储有加载页面内容中所需的静态资源文件时，根据静态资源文件的引用地址，从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。可选的，客户端还包括：存储单元，用于在客户端设置本地静态资源缓存区，在本地静态资源缓存区预先存储静态资源文件。可选的，所述加载单元是根据页面加载请求加载HTML5页面，和/或，所述加载单元是在混合应用模式下根据页面加载请求加载页面。可选的，所述加载器从客户端本地静态资源缓存区未加载到页面内容中所需的静态资源文件时，从网络侧加载所述页面内容所需的静态资源文件，并存储到客户端本地静态资源缓存区。根据本申请的另一个方面，提供一种提升页面加载系统，包括：客户端，用于根据页面加载请求加载页面，通过加载器解析出所加载的页面内容中所需的静态资源文件的引用地址，根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件，当未加载到页面内容中所需的静态资源文件后，向网络侧服务器请求加载所述页面内容所需的静态资源文件；服务器，用于向所述客户端下发所请求的页面内容所需的静态资源文件。可选的，所述客户端是根据页面加载请求加载HTML5页面，和/或，所述客户端是在混合应用模式下根据页面加载请求加载页面。可选的，所述服务器包括：页面修改单元，用于在页面内容中，通过入口文件表明静态资源文件的引用地址，在入口文件中将静态资源文件的引用地址采用模块化方式声明在各自的依赖列表中；资源下发单元，用于在所述客户端的加载器从客户端本地静态资源缓存区未加载到页面内容中所需的静态资源文件时，根据客户端的请求向客户端下发所请求的静态资源文件；所述客户端的加载器通过分析页面内容中的依赖列表确定各静态资源文件的引用地址。可选的，所述客户端通过加载器从所述服务器加载页面内容所需的静态资源文件后，还存储到客户端本地静态资源缓存区。可选的，所述客户端根据页面加载请求是从客户端自身加载预先缓存的页面，或者从网络侧服务器加载页面。从上述技术方案可以发现，本申请方案是设置了一个加载器，在根据页面加载请求加载页面时，通过设置的加载器解析出加载的页面内容中所需的静态资源文件的引用地址，那么就可以根据静态资源文件的引用地址，直接选择性地从客户端本地静态资源缓存区加载页面内容所需的静态资源文件。因为是通过加载器从客户端本地加载静态资源文件，那么就不需要像现有技术方法那样拦截向网络侧请求获取静态资源的HTTP请求，也就避免了现有拦截机制由于平台和操作系统的限制导致有些情形无法适用的问题，使得各种平台和系统都能适用该方法提升页面加载性能，应用更为广泛。为了实现上述以及相关目的，本专利技术的一个或多个方面包括后面将详细本文档来自技高网...

【技术保护点】
一种页面加载方法，其特征在于，包括：根据页面加载请求加载页面；通过加载器解析出所加载的页面内容中所需的静态资源文件的引用地址；根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。

【技术特征摘要】
1.一种页面加载方法，其特征在于，包括：根据页面加载请求加载页面；通过加载器解析出所加载的页面内容中所需的静态资源文件的引用地址；根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。2.根据权利要求1所述的页面加载方法，其特征在于，所述根据静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件包括：当客户端本地静态资源缓存区存储有加载页面内容中所需的静态资源文件时，根据静态资源文件的引用地址，调用静态资源应用程序接口从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。3.根据权利要求2所述的页面加载方法，其特征在于，所述根据静态资源文件的引用地址，调用静态资源应用程序接口从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件包括：向静态资源应用程序接口输入所述静态资源文件的引用地址，由所述静态资源应用程序接口根据所述引用地址从客户端本地静态资源缓存区获取所述页面内容中所需的静态资源文件后输出。4.根据权利要求1所述的页面加载方法，其特征在于，所述客户端本地静态资源缓存区预先存储静态资源文件。5.根据权利要求4所述的页面加载方法，其特征在于，所述静态资源文件通过增量打包的方式发送到客户端本地静态资源缓存区进行存储和更新。6.根据权利要求1所述的页面加载方法，其特征在于，所述页面内容中，通过入口文件表明静态资源文件的引用地址，在入口文件中将静态资源文件的引用地址采用模块化方式声明在各自的依赖列表中，通过分析依赖列表确定各静态资源文件的引用地址。7.根据权利要求1至6任一项所述的页面加载方法，其特征在于，所述方法还包括，当从客户端本地静态资源缓存区未加载到页面内容中所需的静
\t态资源文件时，加载器从网络侧加载页面内容所需的静态资源文件，并存储到客户端本地静态资源缓存区。8.根据权利要求1至6任一项所述的页面加载方法，其特征在于，所述页面为HTML5页面，和/或，所述根据页面加载请求加载页面为在混合应用模式下根据页面加载请求加载页面。9.一种页面加载客户端，其特征在于，包括：加载单元，用于根据页面加载请求加载页面；加载器，用于解析出加载单元所加载的页面内容中所需的静态资源文件的引用地址，根据所述静态资源文件的引用地址，选择性地从客户端本地静态资源缓存区加载所述页面内容中所需的静态资源文件。10.根据权利要求9所...

【专利技术属性】
技术研发人员：王涛，纪东明，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY