CN113626741A - 一种移动客户端网页加载的方法及设备 - Google Patents

Abstract

本申请的目的是提供一种移动客户端网页加载的方法及设备，本申请通过对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截处理；确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。从而实现从本地加载并返回资源文件，减少网络请求，提高网页加载速度。

Description

一种移动客户端网页加载的方法及设备

技术领域

本申请涉及计算机领域，尤其涉及一种移动客户端网页加载的方法及设备。

背景技术

随着移动互联网与智能终端设备的普及，企业大量面向移动智能终端设备研发应用程序(Application，App)，使人们在工作和生活中随时随地的接入互联网浏览企业或个人提供的资讯等内容。

目前的移动应用程序为了兼顾性能与灵活性，大多数都会采用原生视图和网页视图相组合的混合方式来展示给用户，原生视图可跳转网页视图，网页视图也可跳转原生视图，甚至一个界面是一部分原生视图和一部分网页视图组合而成。传统展示网页视图需要先创建网页视图，随后发起目标网址网络请求HTML数据，获取到HTML数据后开始渲染页面并显示，还要请求HTML依赖的其它JavaScript、CSS、Font、图片等展示需要的资源文件，所有这些文件下载完成用户才能看到所有内容。每次显示网页视图时都需要执行上述过程，因用户所在位置的网络信号质量问题，这些等待展示的时间可能很长，影响用户体验。

发明内容

本申请的一个目的是提供一种移动客户端网页加载的方法及设备，解决现有技术中因网络质量差导致的用户等待网页视图展示的时间过长、影响用户体验的问题。

根据本申请的一个方面，提供了一种移动客户端网页加载的方法，该方法包括：

对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截；

确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；

根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。

可选地，对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截处理之前，包括：

向移动终端***注册网页请求***。

可选地，对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截，包括：

使用所述网页请求***对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截，将所述网页请求拦截到本地。

可选地，确定在应用程序的本地缓存的当前网页视图的资源文件，包括：

在所述应用程序启动时向服务端发送下载请求，将由服务端基于所述下载请求返回的当前网页视图的资源文件缓存在本地，其中，所述资源文件包括响应头和正文二进制数据。

可选地，将由服务端基于所述下载请求返回的当前网页视图的资源文件缓存在本地，包括：

将由服务端基于所述下载请求返回的当前网页视图的资源文件的文件包进行解压，将解压后得到的资源文件缓存在本地。

可选地，将由服务端基于所述下载请求返回的当前网页视图的资源文件的文件包进行解压，将解压后得到的资源文件缓存在本地，包括：

判断所述服务端基于所述下载请求确定的当前资源文件的文件包的签名与所述本地历史下载的文件包的签名是否一致，若否，则下载所述当前资源文件的文件包；

将所述当前资源文件的文件包进行解压到本地的指定目录下。

可选地，根据拦截到的网页请求进行转发所述资源文件，包括：

当所述网页请求***收到所述网页请求时，判断所述网页请求对应的资源文件在所述本地缓存中是否存在，根据判断结果对所述资源文件进行转发。

可选地，根据判断结果对所述资源文件进行转发，包括：

若判断结果为存在，则生成响应头内容并读取所述本地缓存中的所述资源文件的正文二进制数据，将所述正文二进制数据进行转发；

若判断结果为不存在，则从所述应用程序已下载的本地资源文件中进行查找是否存在资源文件，根据查找结果对所述资源文件进行转发。

可选地，根据查找结果对所述资源文件进行转发，包括：

若查找结果为存在，则生成响应头内容并读取查找到的资源文件的正文二进制数据，将所述正文二进制数据进行转发；

若查找结果为不存在，则转发所述网页请求向所述服务端请求资源文件数据，以使所述服务端基于所述网页请求返回资源文件数据，将所述资源文件数据的响应头和正文二进制数据放入本地缓存中。

根据本申请又一个方面，还提供了一种移动客户端网页加载的设备，所述设备包括：

一个或多个处理器；以及

存储有计算机可读指令的存储器，所述计算机可读指令在被执行时使所述处理器执行如前述所述方法的操作。

根据本申请再一个方面，还提供了一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现如前述所述的方法。

与现有技术相比，本申请通过对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截；确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。从而实现从本地加载并返回资源文件，减少网络请求，提高网页加载速度。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1示出根据本申请的一个方面提供的一种移动客户端网页加载的方法流程示意图；

图2示出本申请一实施例提供的一种拦截原生***网页视图请求方法的流程示意图；

图3示出本申请一实施例提供的一种可以预先准备网页本地资源文件的方法的流程示意图；

图4示出本申请一实施例提供的一种从本地返回网页视图数据且缓存数据的方法的流程示意图。

附图中相同或相似的附图标记代表相同或相似的部件。

具体实施方式

下面结合附图对本申请作进一步详细描述。

在本申请一个典型的配置中，终端、服务网络的设备和可信方均包括一个或多个处理器(例如中央处理器(Central Processing Unit，CPU))、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RandomAccess Memory，RAM)和/或非易失性内存等形式，如只读存储器(Read Only Memory，ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(Phase-Change RAM，PRAM)、静态随机存取存储器(Static Random Access Memory，SRAM)、动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、数字多功能光盘(Digital Versatile Disk，DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

图1示出根据本申请的一个方面提供的一种移动客户端网页加载的方法流程示意图，该方法包括：步骤S11～步骤S13，其中，步骤S11，对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截；步骤S12，确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；步骤S13，根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。从而减少网络请求，提高网页加载速度。

具体地，在步骤S11中，对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截；在此，移动客户端包括但不限于任何一种可与用户通过触摸板进行人机交互的移动电子产品，例如智能手机、PDA等，所述移动电子产品可以采用任意操作***，如Android操作***、iOS操作***等。移动客户端上的应用程序(App)上的网页视图为原生***网页视图，当需要展示网页视图时，发送有关当前网页视图的网页请求，其中，当前网页视图是为本次需要展示的网页视图，对该当前网页视图的网页请求进行拦截，从而减少向服务端的网络资源请求次数，在本地对该网页请求进行处理。

具体地，在步骤S12中，确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；在此，不再将网页视图所需的资源文件从服务端直接请求获取，先判断本地是否已缓存，确定出应用程序的本地缓存中为本次的网页请求所需要的当前网页视图的资源文件。接着，在步骤S13中，根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。在此，移动客户端本地来转发拦截到的网页请求，从而根据拦截到的网页请求从本地中读取到所需要的资源文件，将该资源文件转发至应用程序的网页视图中，加载出当前网页视图的内容；从而避免因网络质量差导致用户等待时间过长的问题，提升用户体验。

在本申请一些实施例中，向移动终端***注册网页请求***。在此，创建网页视图时向移动客户端***注册网页请求***，从而在步骤S11中，使用所述网页请求***对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截，将所述网页请求拦截到本地。在此，注册的***可以拦截到网页视图中的网页请求，当***中收到网页请求时转发该网页请求，以实现后续对请求结果数据的控制；从而避免向服务端发送到该网络请求。需要说明的是，iOS***中注册的***可以使用NSURL协议(NSURLProtocol)、WKURLSchemeHandler等，安卓***中注册的***可以使用WebViewClient。

在本申请一些实施例中，在步骤S12中，在所述应用程序启动时向服务端发送下载请求，将由服务端基于所述下载请求返回的当前网页视图的资源文件缓存在本地，其中，所述资源文件包括响应头和正文二进制数据。在此，预先准备网页本地资源文件，服务端将网页通用资源文件包括HTML、JavaScript、CSS、Font以及图片等文件压缩打包并对打包后的签名，在移动客户端上的应用程序启动时向服务端发送下载请求，请求可以放在移动客户端本地返回的网页资源文件包，其中，该下载请求包括域名路径信息(可配置不同域名路径的离线包)、网页中需要做到的各种文件(如css、js、html、jpg等其它文件)、包的描述信息、版本号以及发布时间等。服务端基于接收到的下载请求给移动客户端返回当前网页视图的资源文件，并将接收到的返回的资源文件缓存在本地中，从而后续直接从本地中读取到资源文件，实现本地的加载网页视图；本地资源文件包加载缓存文件的方式，也能让用户在没有网络的情况下，再次查看之前看过的网页内容，实现离线查看网页的功能。

接上述实施例，将由服务端基于所述下载请求返回的当前网页视图的资源文件的文件包进行解压，将解压后得到的资源文件缓存在本地。在此，接收服务端返回的当前网页视图的资源文件的文件包，该文件包为压缩包，对该文件包进行解压，解压后的资源文件在本地进行缓存，从而后续直接从本地读取到该资源文件即可。

具体地，判断所述服务端基于所述下载请求确定的当前资源文件的文件包的签名与所述本地历史下载的文件包的签名是否一致，若否，则下载所述当前资源文件的文件包；将所述当前资源文件的文件包进行解压到本地的指定目录下。在此，在服务端是对资源文件进行打包并签名的，应用程序向服务端发送请求，如果在服务端中存在请求对应的资源文件，则判断与移动客户端应用程序之前下载过的文件包签名是否一致，若不一致，则说明服务端内的当前网页视图所需的当前资源文件为最新的资源文件，从服务端下载该最新的资源文件；若一致，则说明本地已存在当前视图所需的当前资源文件，则不需要再从服务端下载；从服务端下载的当前资源文件是以打包的形式，将该当前资源文件对应的文件包进行解压，解压到应用程序本地的指定目录下。通过预下载的本地资源文件包，可以在用户查看网页之前去下载好这些资源文件，当用户第一次查看网页时就可以从本地返回资源文件，进一步提升用户首页查看网页的速度。

在本申请一些实施例中，在步骤S13中，当所述网页请求***收到所述网页请求时，判断所述网页请求对应的资源文件在所述本地缓存中是否存在，根据判断结果对所述资源文件进行转发。在此，本申请所述的方法提供一种从本地返回网页视图数据且缓存数据的方法，具体地，当***收到网络请求时，判断请求的资源文件在本地缓存中是否存在，从而根据判断结果对获取到的资源文件进行转发，使其开设渲染网页内容。

接上述实施例，若判断结果为存在，则生成响应头内容并读取所述本地缓存中的所述资源文件的正文二进制数据，将所述正文二进制数据进行转发；若判断结果为不存在，则从所述应用程序已下载的本地资源文件中进行查找是否存在资源文件，根据查找结果对所述资源文件进行转发。在此，若请求的资源文件在本地缓存中存在，则在本地生成响应头内容，该响应头内容是根据本地或缓存的文件数据生成与服务端相同的响应头内容，其中，响应头内容包括URL、Status Code、Headers等；读取缓存中的正文二进制数据，立即转发给网页视图，完成此次网页请求。若请求的资源文件在本地缓存中不存在，则到移动客户端应用程序下载好的本地资源文件中查找是否存在，根据查找结果完成对资源文件的转发。从而在中间实现从本地加载并返回资源文件和缓存本地没有的资源文件供下载访问时返回。

继续接上述实施例，若查找结果为存在，则生成响应头内容并读取查找到的资源文件的正文二进制数据，将所述正文二进制数据进行转发；若查找结果为不存在，则转发所述网页请求向所述服务端请求资源文件数据，以使所述服务端基于所述网页请求返回资源文件数据，将所述资源文件数据的响应头和正文二进制数据放入本地缓存中。在此，若在应用程序下载好的本地资源文件中查找到所需的资源文件，则生成响应头内容，读取本地文件的正文二进制数据，立即转发给网页视图，完成此次网页请求；若未查找到，则转发此次网页请求向服务端请求资源文件数据。从而大大减少了对服务端的请求次数，从本地返回资源文件数据，大大提升了网页展示速度。

本申请提供的移动客户端网页加载的方法，可以减少网络资源请求，提高网页加载速度，提升用户体验；在实现时，具体可通过以下三个方面：

第一个方面，本申请实施例提供一种拦截原生***网页视图请求方法，如图2所示，创建网页浏览器并向移动客户端***注册网页请求***，当***收到网页请求时转发该网络请求，当转发的网络请求收到当前所拦截的请求指向的服务端提供的响应头时将该响应头内容转发给网页视图，使其准备接收资源的正文二进制数据，当转发的网络请求收到资源的正文二进制数据时将数据转发给网页视图，使其开始渲染网页内容；当转发的网络请求正文二进制数据接收完成时通知网页视图该请求已完成，可以开始下一个网络资源请求。

第二个方面，本申请实施例提供了一种可以预先准备网页本地资源文件的方法，如图3所示，移动客户端上启动APP时向服务端请求离线包信息，判断本地是否存在该离线包或包签名是否不一致，若存在且与应用程序之前下载过的文件包签名不一致，则下载新的文件包，否则不处理；将下载到的离线包文件解压到本地的指定目录下以更新本地文件。

第三个方面，基于第一个方面和第二个方面，本申请实施例还提出了一种从本地返回网页视图数据且缓存数据的方法，如图4所示，当***收到网络请求时，判断请求文件是否在本地离线包中，若是，则直接读取本地文件数据，生成响应头内容，返回响应头和正文数据给应用程序的浏览器；若否，则判断是否是上次请求过被缓存的文件，若是，则读取本地缓存数据并返回响应头和正文数据给浏览器，完成此次网络请求，若否，则转发请求向服务端请求资源文件数据，服务端返回资源文件数据后，将请求到的响应头和正文二进制数据缓存到本地，以便下次请求时直接从本地缓存中读取并返回数据。

此外，本申请实施例还提供了一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现前述一种移动客户端网页加载的方法。

在本申请一实施例中，还提供了一种移动客户端网页加载的设备，所述设备包括：

一个或多个处理器；以及

存储有计算机可读指令的存储器，所述计算机可读指令在被执行时使所述处理器执行如前述所述方法的操作。

例如，计算机可读指令在被执行时使所述一个或多个处理器：

对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截处理；

确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；

根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

需要注意的是，本申请可在软件和/或软件与硬件的组合体中被实施，例如，可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中，本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本申请的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。

另外，本申请的一部分可被应用为计算机程序产品，例如计算机程序指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本申请的方法和/或技术方案。而调用本申请的方法的程序指令，可能被存储在固定的或可移动的记录介质中，和/或通过广播或其他信号承载媒体中的数据流而被传输，和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此，根据本申请的一个实施例包括一个装置，该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。

对于本领域技术人员而言，显然本申请不限于上述示范性实施例的细节，而且在不背离本申请的精神或基本特征的情况下，能够以其他的具体形式实现本申请。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本申请的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

Claims (11)

1.一种移动客户端网页加载的方法，其特征在于，所述方法包括：

对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截处理；

确定在应用程序的本地缓存的当前网页视图的资源文件，并从本地缓存中获取当前网页视图的资源文件；

根据拦截到的网页请求进行转发所述资源文件，以进行加载当前网页视图的内容。

2.根据权利要求1所述的方法，其特征在于，对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截处理之前，包括：

向移动终端***注册网页请求***。

3.根据权利要求2所述的方法，其特征在于，对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截处理，包括：

使用所述网页请求***对移动客户端上应用程序发送的有关当前网页视图的网页请求进行拦截，将所述网页请求拦截到本地。

4.根据权利要求1所述的方法，其特征在于，确定在应用程序的本地缓存的当前网页视图的资源文件，包括：

在所述应用程序启动时向服务端发送下载请求，将由服务端基于所述下载请求返回的当前网页视图的资源文件缓存在本地，其中，所述资源文件包括响应头和正文二进制数据。

5.根据权利要求4所述的方法，其特征在于，将由服务端基于所述下载请求返回的当前网页视图的资源文件缓存在本地，包括：

将由服务端基于所述下载请求返回的当前网页视图的资源文件的文件包进行解压，将解压后得到的资源文件缓存在本地。

6.根据权利要求5所述的方法，其特征在于，将由服务端基于所述下载请求返回的当前网页视图的资源文件的文件包进行解压，将解压后得到的资源文件缓存在本地，包括：

判断所述服务端基于所述下载请求确定的当前资源文件的文件包的签名与所述本地历史下载的文件包的签名是否一致，若否，则下载所述当前资源文件的文件包；

将所述当前资源文件的文件包进行解压到本地的指定目录下。

7.根据权利要求2所述的方法，其特征在于，根据拦截到的网页请求进行转发所述资源文件，包括：

当所述网页请求***收到所述网页请求时，判断所述网页请求对应的资源文件在所述本地缓存中是否存在，根据判断结果对所述资源文件进行转发。

8.根据权利要求7所述的方法，其特征在于，根据判断结果对所述资源文件进行转发，包括：

若判断结果为存在，则生成响应头内容并读取所述本地缓存中的所述资源文件的正文二进制数据，将所述正文二进制数据进行转发；

若判断结果为不存在，则从所述应用程序已下载的本地资源文件中进行查找是否存在资源文件，根据查找结果对所述资源文件进行转发。

9.根据权利要求8所述的方法，其特征在于，根据查找结果对所述资源文件进行转发，包括：

若查找结果为存在，则生成响应头内容并读取查找到的资源文件的正文二进制数据，将所述正文二进制数据进行转发；

若查找结果为不存在，则转发所述网页请求向所述服务端请求资源文件数据，以使所述服务端基于所述网页请求返回资源文件数据，将所述资源文件数据的响应头和正文二进制数据放入本地缓存中。

10.一种移动客户端网页加载的设备，其特征在于，所述设备包括：

一个或多个处理器；以及

存储有计算机可读指令的存储器，所述计算机可读指令在被执行时使所述处理器执行如权利要求1至9中任一项所述方法的操作。

11.一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现如权利要求1至9中任一项所述的方法。

Images