网页页面显示方法、装置、计算机设备和存储介质与流程

1.本技术涉及计算机技术领域，特别是涉及一种网页页面显示方法、装置、计算机设备和存储介质。


背景技术：

2.随着计算机技术与互联网技术的飞速发展，用户获取信息的途径的方式也越来越多。网页作为信息传播最常用的方式之一，给用户获得信息带来了极大的便利，例如，用户可以通过浏览器，进入新闻网站，通过浏览新闻网页中的新闻来获取最新的资讯，再例如，目前的一些社交应用、在线支付应用或在线直播应用等都支持向用户推送信息(如图文文章或视频内容)，这些信息大多采用网页页面的形式将各式各样的内容进行展示，用户可以在使用这些应用时，便捷地阅读推送的信息。
3.然而，目前对于网页页面的显示，需要依赖于网络，当网络断开时网页页面无法正常显示或只能显示部分内容，如简单的文字内容，导致用户无法在网络离线状态正常访问网页。


技术实现要素：

4.基于此，有必要针对上述技术问题，提供一种能够支持离线访问网页的网页页面显示方法、装置、计算机设备和存储介质。
5.一种网页页面显示方法，该方法包括：
6.当处于网络在线状态时，下载网页页面对应的静态资源，所述静态资源包括超文本文件以及根据所述超文本文件中的图片索引地址下载的图片；
7.将下载的超文本文件与所述网页页面的索引地址关联后存储至本地，将下载的图片与所述超文本文件中的图片索引地址关联后存储至本地；
8.当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与所述目标网页页面的索引地址相关联的目标超文本文件；
9.在按照所述目标超文本文件显示所述目标网页页面时，提取所述目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据所述目标图片显示所述目标网页页面。
10.一种网页页面显示装置，该装置包括：
11.下载模块，用于当处于网络在线状态时，下载网页页面对应的静态资源，所述静态资源包括超文本文件以及根据所述超文本文件中的图片索引地址下载的图片；
12.关联模块，用于将下载的超文本文件与所述网页页面的索引地址关联后存储至本地，将下载的图片与所述超文本文件中的图片索引地址关联后存储至本地；
13.获取模块，用于当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与所述目标网页页面的索引地址相关联的目标超文本文件；
14.显示模块，用于在按照所述目标超文本文件显示所述目标网页页面时，提取所述
目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据所述目标图片显示所述目标网页页面。
15.在一个实施例中，所述静态资源还包括所述网页页面对应的页面样式描述信息和页面行为描述信息中的至少一种；所述下载模块，还用于：基于下载的所述超文本文件，获取所述页面样式描述信息和所述页面行为描述信息中的至少一种。
16.在一个实施例中，所述下载模块，还用于：从所述超文本文件中查找页面样式描述信息的链接标签，根据所述页面样式描述信息的链接标签下载所述页面样式描述信息；和/或从所述超文本文件中查找页面行为描述信息的链接地址，根据所述页面行为描述信息的链接地址下载所述页面行为描述信息。
17.在一个实施例中，所述下载模块，还用于：从所述超文本文件中查找页面样式描述信息的标识字段，将所述页面样式描述信息的标识字段所标注的内容作为所述页面样式描述信息；和/或从所述超文本文件中查找页面行为描述信息的标识字段，将所述页面行为描述信息的标识字段所标注的内容作为所述页面行为描述信息。
18.在一个实施例中，所述关联模块，还用于：从所述超文本文件中提取正文内容；根据所述正文内容、所述页面样式描述信息和所述页面行为描述信息，生成自定义超文本文件；将所述自定义超文本文件与所述网页页面的索引地址关联后存储至本地。
19.在一个实施例中，所述关联模块，还用于：获取构建的超文本文件模板；将所述正文内容、所述页面样式描述信息和所述页面行为描述信息，分别填充至所述超文本文件模板中的相应位置，生成所述自定义超文本文件。
20.在一个实施例中，所述关联模块，还用于：计算所述网页页面的索引地址对应的摘要信息；按照所述摘要信息命名下载的所述超文本文件后，将命名后的所述超文本文件存储至本地；所述获取模块，还用于：当处于网络离线状态时，响应于对所述目标网页页面的浏览操作，计算所述目标网页页面的索引地址对应的目标摘要信息；从本地获取以所述目标摘要信息命名的目标超文本文件。
21.在一个实施例中，所述关联模块，还用于：计算所述超文本文件中的图片索引地址对应的摘要信息；按照所述摘要信息命名下载的所述图片后，将命名后的所述图片存储至本地；所述显示模块，还用于：在按照所述目标超文本文件显示所述目标网页页面时，提取所述目标超文本文件中的图片索引地址，计算所述目标超文本文件中的图片索引地址对应的目标摘要信息；从本地获取以所述目标摘要信息命名的目标图片；根据所述目标图片显示所述目标网页页面。
22.在一个实施例中，所述网页页面显示装置还包括进入模块，所述进入模块用于：当处于网络离线状态时，进入所述目标网页页面；所述显示模块，还用于：响应于对所述目标网页页面的拖曳操作，按照所述目标超文本文件所标记的静态资源，显示所述拖曳操作滑动至的位置所对应的页面内容；当所述位置指向所述目标网页页面中的图片区域时，从所述目标超文本文件中提取与所述图片区域相对应的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，在所述图片区域显示所述目标图片。
23.在一个实施例中，所述网页页面显示装置还包括进入模块，所述进入模块用于：当处于网络在线状态时，进入所述目标网页页面；所述显示模块，还用于：响应于对所述目标网页页面的拖曳操作，按照所述目标网页页面对应的原始超文本文件所标记的静态资源，
显示所述拖曳操作滑动至的位置所对应的页面内容；当所述位置指向所述目标网页页面中的图片区域时，采用图片懒加载方式，根据所述原始超文本文件所标记的图片索引地址，加载所述图片区域对应的目标图片后显示。
24.在一个实施例中，所述下载模块还用于：当所述目标网页页面对应的原始超文本文件中嵌入了关联网页的跳转链接时，根据所述关联网页的跳转链接下载所述关联网页对应的静态资源，将下载的静态资源与相应的索引地址关联后存储至本地。
25.在一个实施例中，所述静态资源还包括根据所述超文本文件中的音视频索引地址下载的音视频；所述关联模块，还用于：当处于网络在线状态时，将下载的音视频与所述超文本文件中的音视频索引地址关联后存储至本地；所述显示模块，还用于：当处于网络离线状态、且按照所述目标超文本文件显示所述目标网页页面时，提取所述目标超文本文件中的音视频索引地址，从本地获取与提取的音视频索引地址相关联的目标音视频后，根据所述目标音视频显示所述目标网页页面。
26.在一个实施例中，所述获取模块，还用于：当处于网络离线状态时，显示图文网页的标题列表；响应于对所述标题列表中目标标题的选中操作，进入所述目标标题对应的目标图文网页页面；从本地获取与所述目标图文网页页面的索引地址相关联的目标超文本文件。
27.一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现以下步骤：
28.当处于网络在线状态时，下载网页页面对应的静态资源，所述静态资源包括超文本文件以及根据所述超文本文件中的图片索引地址下载的图片；
29.将下载的超文本文件与所述网页页面的索引地址关联后存储至本地，将下载的图片与所述超文本文件中的图片索引地址关联后存储至本地；
30.当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与所述目标网页页面的索引地址相关联的目标超文本文件；
31.在按照所述目标超文本文件显示所述目标网页页面时，提取所述目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据所述目标图片显示所述目标网页页面。
32.一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
33.当处于网络在线状态时，下载网页页面对应的静态资源，所述静态资源包括超文本文件以及根据所述超文本文件中的图片索引地址下载的图片；
34.将下载的超文本文件与所述网页页面的索引地址关联后存储至本地，将下载的图片与所述超文本文件中的图片索引地址关联后存储至本地；
35.当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与所述目标网页页面的索引地址相关联的目标超文本文件；
36.在按照所述目标超文本文件显示所述目标网页页面时，提取所述目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据所述目标图片显示所述目标网页页面。
37.一种计算机程序，计算机程序包括计算机指令，计算机指令存储在计算机可读存
储介质中，计算机设备的处理器从计算机可读存储介质读取计算机指令，处理器执行计算机指令，使得计算机设备执行上述网页页面显示方法的步骤。
38.上述网页页面显示方法、装置、计算机设备和存储介质，当处于网络在线状态时，下载网页页面对应的静态资源，该静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片；在下载后，在本地建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联。那么，当处于网络离线状态，需要显示目标网页页面时，就能够根据这种关联关系，根据请求访问的目标网页页面的索引地址，从本地获取相应的目标超文本文件，并在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址，从本地获取相应的目标图片，实现在离线时也能够实现将网页页面中的图片进行显示，完整展示网页页面，从而实现对网页页面的离线访问。
附图说明
39.图1为一个实施例中网页页面显示方法的应用环境图；
40.图2为一个实施例中网页页面显示方法的流程示意图；
41.图3为一个实施例中网页页面标识列表的界面示意图；
42.图4为一个实施例中图文网页的标题列表的界面示意图；
43.图5为另一个实施例中网页页面显示方法的流程示意图；
44.图6为一个实施例中超文本文件的下载与恢复流程图；
45.图7为一个实施例中图片的下载与恢复流程图；
46.图8为又一个实施例中网页页面显示方法的流程示意图；
47.图9为再一个实施例中网页页面显示方法的流程示意图；
48.图10为一个实施例中在线显示网页页面的示意图；
49.图11为一个实施例中离线显示网页页面的示意图；
50.图12为一个实施例中本地存储超文本文件和图片的示意图；
51.图13为一个实施例中网页页面显示装置的结构框图；
52.图14为一个实施例中计算机设备的内部结构图。
具体实施方式
53.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。
54.本技术提供的网页页面显示方法，可以应用于如图1所示的应用环境中。参照图1，该网页页面显示方法的应用环境可包括终端102和服务器104。终端102和服务器104通过网络连接。终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、便携式可穿戴设备等。服务器104可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、cdn(content delivery network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。终端102以及服务器
104可以通过有线或无线通信方式进行直接或间接地连接，本技术在此不做限制。
55.在一个实施例中，当处于网络在线状态时，终端102从服务器104下载网页页面对应的静态资源，静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片，将下载的图片与超文本文件中的图片索引地址关联后存储至本地。当处于网络离线状态时，终端102响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件，在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据目标图片显示目标网页页面。可选地，当处于网络在线状态时，终端102向服务器104发起携带网页页面标识的静态资源获取请求，服务器104响应于静态资源获取请求，将网页页面标识对应的静态资源返回至终端102，终端102获得网页页面标识对应的网页页面的静态资源。网页页面标识用于唯一标记网页页面，例如网页页面的索引地址等。
56.本技术实施例提供的网页页面显示方法，其执行主体可以是本技术实施例提供的网页页面显示装置，或者集成了该网页页面显示装置的计算机设备，其中该网页页面显示装置可以采用硬件或软件的方式实现。计算机设备可以是图1中所示的终端102。
57.本技术实施例提供的网页页面显示方法，可应用于离线访问网页的场景。其中，网页可以是通用的web网页，例如资讯网站、阅读网站等各类网站中的页面等；网页也可以是h5(hyper text markup language 5,第5版超级文本标记语言)网页，例如各类应用中的应用页面、订阅号页面、子程序页面等。订阅号是社交应用中为用户提供资讯服务的平台，用户通过订阅感兴趣的订阅号，可接收订阅号推送的资讯文章。子程序是可在母程序提供的环境中运行的应用程序，母程序是可直接运行于操作系统的原生应用程序。
58.例如，本技术实施例可应用于离线访问采用懒加载方式在线加载图片的网页。懒加载方式是在网页滑动至图片区域时才会发起网络请求去请求图片资源，这种图片加载方式虽然能够节省计算机资源，但是在线状态下图片不会被缓存，导致离线状态下也就无法显示网页中的图片，无法正常显示网页页面。目前懒加载方式广泛应用于web网页和h5网页中。通过本技术实施例提供的方法，当处于网络在线状态时，下载网页页面对应的超文本文件以及网页页面中的图片，且建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联，当处于网络离线状态时，能够根据目标网页页面的索引地址从本地获取目标超文本文件，在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址从本地获取目标图片，从而在离线状态下显示网页中的图片。
59.又例如，本技术实施例可应用于离线访问图文网页。图文网页是由文字和图片组成的页面。通过本技术实施例提供的方法，当处于网络在线状态时，下载网页页面对应的超文本文件以及网页页面中的图片，且建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联，当处于网络离线状态时，能够根据目标网页页面的索引地址从本地获取目标超文本文件，在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址从本地获取目标图片，从而实现对图文网页的离线访问。
60.举例说明，本技术实施例可应用于离线访问文章网页，文章网页是展示文章的页面，例如社交应用中的订阅号文章页面、阅读子程序的文章页面、资讯网站的新闻页面等。
通过本技术实施例提供的方法，可支持用户离线阅读订阅号文章、阅读子程序中的文章、资讯网站的新闻等。
61.再例如，本技术实施例可应用于离线访问多媒体网页，多媒体网页是除了文字以外，还包括图片、音频或视频中的至少一种多媒体内容的页面。通过本技术实施例提供的方法，当处于网络在线状态时，下载网页页面对应的超文本文件以及网页页面中的多媒体内容，且建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的多媒体内容与多媒体内容索引地址之间的关联，当处于网络离线状态时，能够根据目标网页页面的索引地址从本地获取目标超文本文件，在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的多媒体内容索引地址从本地获取目标多媒体内容，从而实现对多媒体网页的离线访问。
62.还例如，本技术实施例可应用于离线访问多个网页。当处于网络在线状态时，终端下载至少一个网页页面分别对应的静态资源，当处于网络在线状态时，用户可浏览多个网页。举例说明，用户可在网络离线状态下任意阅读社交应用中的订阅号文章，使得网络离线时的阅读体验与网络在线时的阅读体验相接近。
63.在一个实施例中，如图2所示，提供了一种网页页面显示方法，本实施例主要以该方法应用于图1中的终端102来举例说明，包括以下步骤：
64.步骤s202，当处于网络在线状态时，下载网页页面对应的静态资源，静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片。
65.其中，网页页面可以是通用的web网页，例如资讯网站、阅读网站等各类网站中的页面等；也可以是h5(hyper text markup language 5,第5版超级文本标记语言)网页，例如各类应用中的应用页面、订阅号页面、子程序页面等。订阅号是社交应用中为用户提供资讯服务的平台，用户通过订阅感兴趣的订阅号，可接收订阅号推送的资讯文章。子程序是可在母程序提供的环境中运行的应用程序，母程序是可直接运行于操作系统的原生应用程序。
66.超文本文件可以是由超级文本标记语言(hyper text markup language,html)编写的纯文本文件，超级文本标记语言是为创建网页设计的一种标准通用标记语言。网页创建人员将所需表达的网页内容以超级文本标记语言编写成超文本文件，网页浏览器可将超文本文件转换为万维网的页面，从而将网页创建人员所需表达的网页内容展示给用户。
67.静态资源是网页页面的构建资源。静态资源是访问后源代码保持不变的资源，与之对应的，动态资源是访问后源代码可能会发生改变的资源。也就是说，静态资源是不需要后台响应的资源，动态资源是需要后台响应的资源。可选地，静态资源包括超文本文件以及网页页面中的图片。
68.在一个实施例中，网页页面可以是图文网页，图文网页是由文字和图片组成的页面。在另一些实施例中，网页页面可以是多媒体网页，多媒体网页是除了文字以外，还包括图片、音频或视频中的至少一种多媒体内容的页面。
69.在一个实施例中，当处于网络在线状态时，终端下载网页页面对应的超文本文件，从超文本文件中提取图片索引地址，根据图片索引地址下载图片，由此获得网页页面对应的静态资源。可选地，当处于网络在线状态时，终端向服务器发起携带网页页面标识的静态资源获取请求，服务器响应于静态资源获取请求，将网页页面标识对应的静态资源返回至
终端，终端获得网页页面标识对应的网页页面的静态资源。网页页面标识用于唯一标记网页页面，例如网页页面的索引地址、网页页面的标题等。
70.在一个实施例中，当处于网络在线状态时，终端下载至少一个网页页面分别对应的静态资源。可选地，终端通过创建的线程依次下载至少一个网页页面分别对应的静态资源；或者，终端通过创建的至少一个线程分别下载至少一个网页页面各自对应的静态资源。
71.在一个实施例中，当处于网络在线状态，且终端进入网页页面或者与网页页面相关的页面时，触发下载该网页页面对应的静态资源。例如，以网页页面为社交应用中的订阅号文章页面为例，当终端进入社交应用的应用页面时，可触发下载订阅号文章页面对应的静态资源，或者当终端进入订阅号页面时，可触发下载订阅号文章页面对应的静态资源，或者当终端进入订阅号文章页面时，可触发下载该订阅号文章页面对应的静态资源，等等。其中，社交应用的应用页面是社交应用的任意页面，例如会话消息列表页面、联系人列表页面等。订阅号页面是订阅号的任意页面，例如订阅号文章列表页面、订阅号文章页面等。可以理解，当终端下载多于一个文章页面的静态资源时，多于一个文章页面的下载顺序可由文章发布时间、文章阅读热度、文章互动情况和/或订阅号是否被标记等因素确定，例如终端可优先下载最新发布的文章所对应的页面的静态资源。
72.在一个实施例中，当处于网络在线状态时，终端响应于对网页页面标识列表中的目标网页页面标识的选中操作，下载目标网页页面标识对应的网页页面的静态资源。例如，在社交应用的应用页面中显示网页选择入口，响应于对网页选择入口的触发操作，进入网页选择页面，在网页选择页面中显示网页页面标识列表。参照图3，图3示出了一个实施例中网页页面标识列表的界面示意图。可以看到，通过网页页面标识列表302，用户可自主选择需要下载静态资源的网页页面。
73.步骤s204，将下载的超文本文件与网页页面的索引地址关联后存储至本地，将下载的图片与超文本文件中的图片索引地址关联后存储至本地。
74.其中，网页页面的索引地址是网页页面的网络地址(uniform resource locator,url)，图片索引地址是网页页面中的图片的网络地址。超文本文件是采用html语言创建的文本文件，网页页面的超文本文件是通过在文本中添加标签得到的文件，这样在显示该网页页面时，可以依据不同的标签，按照不同的方式组织网页内容的结构后，显示网页内容。
75.在一个实施例中，终端下载网页页面对应的超文本文件，建立下载的超文本文件与网页页面的索引地址之间的关联关系；终端从超文本文件中提取图片索引地址，根据图片索引地址下载图片，建立下载的图片与图片索引地址之间的关联关系。
76.在一个实施例中，终端以网页页面的索引地址命名下载的超文本文件，以建立下载的超文本文件与网页页面的索引地址之间的关联关系。在另一个实施例中，终端建立网页页面的索引地址与中间信息之间的关联关系，以及中间信息与下载的超文本文件之间的关联关系，以建立下载的超文本文件与网页页面的索引地址之间的关联关系。例如，终端根据网页页面的索引地址生成中间信息，以中间信息命名下载的超文本文件。
77.在一个实施例中，终端以图片索引地址命名下载的图片，以建立下载的图片与图片索引地址之间的关联关系。在另一个实施例中，终端建立图片索引地址与中间信息之间的关联关系，以及中间信息与下载的图片之间的关联关系，以建立下载的图片与图片索引地址之间的关联关系。例如，终端根据图片索引地址生成中间信息，以中间信息命名下载的
图片。
78.在一个实施例中，终端建立网页页面的索引地址与自定义文件之间的关联关系，自定义文件中记录下载的超文本文件的本地索引地址以及下载的图片的本地索引地址，下载的图片的本地索引地址与超文本文件中的图片索引地址存在关联关系。
79.在一个实施例中，终端下载网页页面对应的原始超文本文件，将下载的原始超文本文件与网页页面的索引地址关联后存储至本地。在另一些实施例中，终端下载网页页面对应的原始超文本文件，从原始超文本文件中提取关键内容，将关键内容与网页页面的索引地址关联后存储至本地。其中，关键内容可以是清除了页面广告等无关内容的超文本文件内容。
80.步骤s206，当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件。
81.其中，浏览操作可以是触发操作、选择操作等。例如，终端在社交应用的应用页面中展示文章列表，响应于对文章列表中的文章的选择操作，确定目标文章，目标文章对应的页面即为目标网页页面。再例如，终端在社交应用的会话页面中显示会话消息，当会话消息携带网页页面的索引地址时，响应于对会话消息的触发操作，获得目标网页页面。
82.在一个实施例中，当处于网络离线状态时，终端响应于对目标网页页面的浏览操作，获取目标网页页面的索引地址，根据目标网页页面的索引地址从本地获取目标超文本文件。
83.在一个实施例中，终端根据下载的超文本文件与网页页面的索引地址之间的关联关系，从本地获取与目标网页页面的索引地址相关联的目标超文本文件。例如，当终端以网页页面的索引地址命名下载的超文本文件时，从本地获取以目标网页页面的索引地址命名的目标超文本文件；当终端根据网页页面的索引地址生成的中间信息命名下载的超文本文件时，根据目标网页页面的索引地址生成中间信息，从本地获取以中间信息命名的目标超文本文件。另外，当终端建立网页页面的索引地址与自定义文件之间的关联关系时，根据目标网页页面的索引地址从本地获取自定义文件，根据自定义文件获取目标超文本文件的本地索引地址，根据本地索引地址从本地获取目标超文本文件。
84.步骤s208，在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据目标图片显示目标网页页面。
85.在一个实施例中，终端可通过网页视图(webview)，按照目标超文本文件构建目标网页页面。对于目标网页页面中的图片区域，从目标超文本文件中提取与图片区域对应的图片索引地址，根据图片索引地址从本地获取目标图片后，在图片区域显示目标图片。
86.在一个实施例中，终端根据下载的图片与超文本文件中的图片索引地址之间的关联关系，从本地获取与目标超文本文件中的图片索引地址相关联的目标图片。例如，当终端以超文本文件中的图片索引地址命名下载的图片时，从本地获取以目标超文本文件中的图片索引地址命名的目标图片；当终端根据超文本文件中的图片索引地址生成的中间信息命名下载的图片时，根据目标超文本文件中的图片索引地址生成中间信息，从本地获取以中间信息命名的目标图片。另外，当终端建立网页页面的索引地址与自定义文件之间的关联关系时，根据目标网页页面的索引地址从本地获取自定义文件，根据自定义文件获取目标
超文本文件中的图片索引地址所对应的本地索引地址，根据本地索引地址从本地获取目标图片。
87.本技术实施例可应用于离线访问网页的场景，尤其适用于在线状态下采用懒加载方式在线加载图片的网页。懒加载方式是在网页滑动至图片区域时才会发起网络请求去请求图片资源，这种图片加载方式虽然能够节省计算机资源，但是在线状态下图片不会被缓存，离线状态下也就无法显示网页中的图片。本技术实施例的方法能够根据目标网页页面的索引地址从本地获取目标超文本文件，在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址从本地获取目标图片，从而在离线状态下显示网页中的图片。
88.上述网页页面显示方法中，当处于网络在线状态时，下载网页页面对应的静态资源，该静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片；在下载后，在本地建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联。那么，当处于网络离线状态，需要显示目标网页页面时，就能够根据这种关联关系，根据请求访问的目标网页页面的索引地址，从本地获取相应的目标超文本文件，并在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址，从本地获取相应的目标图片，实现在离线时也能够实现将网页页面中的图片进行显示，完整展示网页页面，从而实现对网页页面的离线访问。
89.在一个实施例中，静态资源还包括网页页面对应的页面样式描述信息和页面行为描述信息中的至少一种；该方法还包括：基于下载的超文本文件，获取页面样式描述信息和页面行为描述信息中的至少一种。
90.其中，页面样式描述信息是定义网页的页面样式的代码，例如定义网页中文字的大小、字体、段落样式等。可选地，页面样式描述信息可以是层叠样式表(cascading style sheets，css)。页面行为描述信息是定义网页的交互行为的代码，例如定义网页中交互行为的动态效果等。可选地，页面行为描述信息可以是javascript。
91.具体地，页面样式描述信息和页面行为描述信息可外联或内嵌于超文本文件。对于页面样式描述信息，外联是指超文本文件中记录页面样式描述信息的链接标签，根据链接标签从外部样式表中查找对应的页面样式描述信息；内嵌是指超文本文件中记录有页面样式描述信息。对于页面行为描述信息，外联是指超文本文件中存在页面行为描述信息的链接地址，根据链接地址从外部调用页面行为描述信息；内嵌是指超文本文件中记录有页面行为描述信息。
92.本技术中，考虑到当页面样式描述信息和/或页面行为描述信息外联于原始超文本文件时，离线状态下无法获取页面样式描述信息和/或页面行为描述信息，也就是说，离线状态下无法构建网页页面，因此终端下载页面样式描述信息和页面行为描述信息，避免离线时无法构建网页页面的问题。
93.在一个实施例中，基于下载的超文本文件，获取页面样式描述信息和页面行为描述信息中的至少一种，包括：从超文本文件中查找页面样式描述信息的链接标签，根据页面样式描述信息的链接标签下载页面样式描述信息；和/或从超文本文件中查找页面行为描述信息的链接地址，根据页面行为描述信息的链接地址下载页面行为描述信息。
94.其中，页面样式描述信息的链接标签可以是通用的link标签。
95.具体地，当页面样式描述信息外联于超文本文件时，终端可通过页面样式描述信息的链接标签从外部样式表获取页面样式描述信息。当页面行为描述信息外联于超文本文件时，终端可通过页面行为描述信息的链接地址从外部获取页面行为描述信息。
96.在一个实施例中，终端将外联于超文本文件的页面样式描述信息，按照页面样式描述信息的链接标签所在的位置，内嵌于超文本文件中。终端将外联于超文本文件的页面行为描述信息，按照页面行为描述信息的链接地址所在的位置，内嵌于超文本文件中。
97.在一个实施例中，终端下载网页页面对应的页面样式描述信息和/或页面行为描述信息，建立页面样式描述信息与页面样式描述信息的链接标签之间的关联关系，和/或页面行为描述信息与页面行为描述信息的链接地址之间的关联关系。例如，当终端建立网页页面的索引地址与自定义文件之间的关联关系时，根据目标网页页面的索引地址从本地获取自定义文件，自定义文件还可记录有页面样式描述信息和页面行为描述信息，页面样式描述信息与页面样式描述信息的链接标签存在关联关系，页面行为描述信息与页面行为描述信息的链接地址存在关联关系。终端根据页面样式描述信息的链接标签可从自定义文件中获取相应的页面样式描述信息，根据页面行为描述信息的链接地址可从自定义文件中获取相应的页面行为描述信息。可以理解，可通过以页面样式描述信息的链接标签或者以根据页面样式描述信息的链接标签生成的中间信息命名页面样式描述信息的方式，建立页面样式描述信息与页面样式描述信息的链接标签之间的关联关系；可通过以页面行为描述信息的链接地址或者以根据页面行为描述信息的链接地址生成的中间信息命名页面行为描述信息的方式，建立页面行为描述信息与页面行为描述信息的链接地址之间的关联关系。
98.在一个实施例中，当处于网络在线状态时，终端下载网页页面对应的超文本文件，基于下载的超文本文件获取页面样式描述信息和页面行为描述信息，将页面样式描述信息和页面行为描述信息内嵌于下载的超文本文件中，将编辑后的超文本文件与网页页面的索引地址关联后存储至本地。当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件，按照目标超文本文件显示目标网页页面，其中，目标超文本文件即为在线时编辑的超文本文件。
99.可以理解，当页面样式描述信息和页面行为描述信息均内嵌于原始超文本文件中时，终端可下载原始超文本文件，在离线状态下根据原始超文本文件构建网页页面。
100.在一个实施例中，终端获取载网页页面对应的页面样式描述信息，将页面样式描述信息内嵌于下载的超文本文件中，且存储页面样式描述信息，建立页面样式描述信息与网页页面之间的关联关系，例如建立与网页页面的索引地址之间的关联关系。存储的页面样式描述信息可用于自由编辑，以在离线状态构建网页页面时，根据存储的页面样式描述信息构建不同页面样式的网页页面。
101.本实施例中，在网络在线时下载外联于超文本文件的页面样式描述信息和/或页面行为描述信息，避免网络离线时无法获取外联的页面样式描述信息和/或页面行为描述信息导致无法构建网页页面的问题，从而在离线时能够成功构建网页页面。
102.本技术中，考虑到网页页面对应的原始超文本文件是冗余的，将原始超文本文件存储在本地会占据较多空间，因此终端可将超文本文件转化为自定义文本文件后存储在本地。自定义文本文件可包含创建网页页面所必须的超文本文件内容，相比于将原始超文本文件存储在本地，能够减少存储的数据量。
103.在一个实施例中，将下载的超文本文件与网页页面的索引地址关联后存储至本地，包括：从超文本文件中提取正文内容；根据正文内容、页面样式描述信息和页面行为描述信息，生成自定义超文本文件；将自定义超文本文件与网页页面的索引地址关联后存储至本地。
104.其中，正文内容可以是超文本文件的主体内容，例如超文本文件中与网页内容相关的超文本文件内容，比如网页页面是文章页面，那么网页内容可以是文章内容以及文章相关信息。
105.在一个实施例中，当页面样式描述信息和页面样式描述信息外联于超文本文件时，终端可下载网页页面对应的超文本文件，以及外联于超文本文件的页面样式描述信息和页面样式描述信息，从超文本文件中提取正文内容，根据正文内容、页面样式描述信息和页面行为描述信息生成自定义超文本文件。
106.在一个实施例中，当页面样式描述信息和页面行为描述信息内嵌于超文本文件时，终端可从超文本文件中提取正文内容，直接根据正文内容生成自定义超文本文件，可以理解，正文内容中可包括内嵌的页面样式描述信息和页面行为描述信息。
107.在另一些实施例中，当页面样式描述信息和页面样式描述信息内嵌于超文本文件时，终端可下载网页页面对应的超文本文件，从超文本文件中提取正文内容以及内嵌于超文本文件的页面样式描述信息和页面样式描述信息，根据正文内容、页面样式描述信息和页面行为描述信息生成自定义超文本文件。
108.在一个实施例中，基于下载的超文本文件，获取页面样式描述信息和页面行为描述信息中的至少一种，包括：从超文本文件中查找页面样式描述信息的标识字段，将页面样式描述信息的标识字段所标注的内容作为页面样式描述信息；和/或从超文本文件中查找页面行为描述信息的标识字段，将页面行为描述信息的标识字段所标注的内容作为页面行为描述信息。
109.其中，页面样式描述信息的标识字段用于标注页面样式描述信息。页面行为描述信息的标识字段用于标注页面行为描述信息。
110.具体地，当页面样式描述信息和/或页面行为描述信息内嵌于超文本文件时，终端下载网页页面对应的超文本文件，通过页面样式描述信息的标识字段从超文本文件中获取页面样式描述信息，通过页面行为描述信息的标识字段从超文本文件中获取页面行为描述信息。
111.在一个实施例中，根据正文内容、页面样式描述信息和页面行为描述信息，生成自定义超文本文件，包括：当页面样式描述信息外联于超文本文件时，终端通过页面样式描述信息的链接标签从外部样式表获取页面样式描述信息，将页面样式描述信息，按照正文内容中页面样式描述信息的链接标签所在的位置内嵌于正文内容中。当页面行为描述信息外联于超文本文件时，终端通过页面行为描述信息的链接地址从外部获取页面行为描述信息，将页面行为描述信息，按照正文内容中页面行为描述信息的链接地址所在的位置内嵌于正文内容中。
112.在一个实施例中，终端根据超文本文件中的图片索引地址下载并存储图片，确定图片的本地索引地址，将图片的本地索引地址内嵌于自定义超文本文件中。例如，以图片的本地索引地址替换正文内容中的图片索引地址，根据替换后的正文内容、页面样式描述信
息和页面行为描述信息生成自定义超文本文件。
113.在一个实施例中，根据正文内容、页面样式描述信息和页面行为描述信息，生成自定义超文本文件，包括：获取构建的超文本文件模板；将正文内容、页面样式描述信息和页面行为描述信息，分别填充至超文本文件模板中的相应位置，生成自定义超文本文件。
114.其中，超文本文件模板是预先构建的超文本文件模板。
115.在一个实施例中，超文本文件模板包括正文内容的嵌入位置、各页面样式描述信息的嵌入位置和各页面行为描述信息的嵌入位置，终端将正文内容、页面样式描述信息和页面行为描述信息，分别填充至超文本文件模板中的相应位置，生成自定义超文本文件。在一个实施例中，可根据网页页面的页面类型，设置相应的超文本文件模板。可按照网页页面的页面内容对网页页面进行分类，例如文章页面、音频页面、视频页面等。终端下载网页页面对应的超文本文件，从本地提取与网页页面的页面类型相匹配的超文本文件模板，按照正文内容、页面样式描述信息、页面行为描述信息以及超文本文件模板，生成自定义超文本文件。
116.具体地，当处于网络在线状态时，终端从超文本文件中提取正文内容，根据正文内容、页面样式描述信息和页面行为描述信息生成自定义超文本文件，将自定义超文本文件与网页页面的索引地址关联后存储至本地。当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件，按照目标超文本文件显示目标网页页面。其中，目标超文本文件即为在线时存储的自定义超文本文件。
117.本实施例中，终端下载网页页面对应的超文本文件，根据超文本文件的正文内容、页面样式描述信息和页面行为描述信息生成自定义超文本文件，一是减少了本地存储的自定义超文本文件的数据量，根据自定义超文本文件离线显示网页页面，也可以不显示网页页面中的广告等无关内容；二是将外联于超文本文件的页面样式描述信息和/或页面行为描述信息，内嵌于自定义超文本文件中，避免离线时无法获取外联的页面样式描述信息和页面行为描述信息构建网页页面，从而在离线时能够成功构建网页页面。
118.在一个实施例中，将下载的超文本文件与网页页面的索引地址关联后存储至本地，包括：计算网页页面的索引地址对应的摘要信息；按照摘要信息命名下载的超文本文件后，将命名后的超文本文件存储至本地；当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件，包括：当处于网络离线状态时，响应于对目标网页页面的浏览操作，计算目标网页页面的索引地址对应的目标摘要信息；从本地获取以目标摘要信息命名的目标超文本文件。
119.在一个实施例中，当处于网络在线状态时，终端计算网页页面的索引地址对应的摘要信息，按照摘要信息命名下载的超文本文件后，将命名后的超文本文件存储至本地。当处于网络离线状态时，终端响应于对目标网页页面的浏览操作，计算目标网页页面的索引地址对应的目标摘要信息，从本地获取以目标摘要信息命名的目标超文本文件。
120.可以理解，通用的摘要信息计算策略即可满足本技术实施例中对摘要信息的计算需求，因此可采用通用的摘要信息计算网页页面的索引地址对应的摘要信息以及目标网页页面的索引地址对应的目标摘要信息，例如md5(md5 message-digest algorithm)信息摘要算法、sha256(secure hash algorithm 256)算法等。本实施例中，当处于网络在线状态
时，下载网页页面对应的超文本文件，并建立超文本文件与网页页面的索引地址之间的关联关系，当处于网络离线状态时，能够利用网页页面的索引地址从本地提取超文本文件，根据超文本文件构建网页页面，实现对网页页面的离线访问。
121.在一个实施例中，将下载的图片与超文本文件中的图片索引地址关联后存储至本地，包括：计算超文本文件中的图片索引地址对应的摘要信息；按照摘要信息命名下载的图片后，将命名后的图片存储至本地；在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据目标图片显示目标网页页面，包括：在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，计算目标超文本文件中的图片索引地址对应的目标摘要信息；从本地获取以目标摘要信息命名的目标图片；根据目标图片显示目标网页页面。
122.在一个实施例中，当处于网络在线状态时，终端计算超文本文件中的图片索引地址对应的摘要信息，按照摘要信息命名下载的图片后，将命名后的图片存储至本地。当处于网络离线状态，且按照目标超文本文件显示目标网页页面时，对于目标网页页面中的其中一个图片区域，终端计算目标超文本文件中的图片索引地址对应的目标摘要信息，从本地获取以目标摘要信息命名的目标图片，在图片区域显示目标图片。
123.可以理解，通用的摘要信息计算策略即可满足本技术实施例中对摘要信息的计算需求，因此可采用通用的摘要信息计算图片索引地址对应的摘要信息以及目标超文本文件中的图片索引地址对应的目标摘要信息，例如md5(md5 message-digest algorithm)信息摘要算法、sha256(secure hash algorithm 256)算法等。
124.在一个实施例中，终端计算超文本文件中的图片索引地址对应的摘要信息，按照摘要信息命名下载的图片，通过图片加载组件管理下载的图片，图片加载组件例如glide组件等。
125.本实施例中，当处于网络在线状态时，下载网页页面中的图片，并建立下载的图片与超文本文件中的图片索引地址之间的关联关系，当处于网络离线状态时，能够利用目标超文本文件中的图片索引地址从本地提取图片，从而在网页页面的相应图片区域显示图片。
126.在一个实施例中，该方法还包括：当处于网络离线状态时，进入目标网页页面；响应于对目标网页页面的拖曳操作，按照目标超文本文件所标记的静态资源，显示拖曳操作滑动至的位置所对应的页面内容；当位置指向目标网页页面中的图片区域时，从目标超文本文件中提取与图片区域相对应的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，在图片区域显示目标图片。
127.在一个实施例中，当处于网络离线状态，且按照目标超文本文件显示目标网页页面时，终端可采用图片懒加载方式，显示目标网页页面中的图片区域对应的目标图片。例如，当图片区域在屏幕中的占比满足预设占比时，触发从本地获取与从目标超文本文件中提取的图片索引地址相关联的目标图片。
128.具体地，当处于网络离线状态时，终端进入目标网页页面，响应于对目标网页页面的拖曳操作，按照目标超文本文件显示拖曳操作滑动至的位置所对应的页面内容，而当位置指向目标网页页面中的图片区域时，从目标超文本文件中提取与图片区域相对应的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，在图片区域显示目标
图片。
129.本实施例中，当离线状态显示网页页面时，采用图片懒加载方式显示网页页面中的图片，能够节省计算机资源。
130.在一个实施例中，该方法还包括：当处于网络在线状态时，进入目标网页页面；响应于对目标网页页面的拖曳操作，按照目标网页页面对应的原始超文本文件所标记的静态资源，显示拖曳操作滑动至的位置所对应的页面内容；当位置指向目标网页页面中的图片区域时，采用图片懒加载方式，根据原始超文本文件所标记的图片索引地址，加载图片区域对应的目标图片后显示。
131.在一个实施例中，当处于网络在线状态时，虽然终端在后台下载目标网页页面对应的静态资源，仍可按照在线加载网页页面的方式加载网页页面。
132.具体地，当处于网络在线状态时，终端进入目标网页页面，响应于对目标网页页面的拖曳操作，按照目标网页页面对应的原始超文本文件显示拖曳操作滑动至的位置所对应的页面内容，而当位置指向目标网页页面中的图片区域时，采用图片懒加载方式，根据原始超文本文件所标记的图片索引地址，加载图片区域对应的目标图片后显示。例如，当图片区域在屏幕中的占比满足预设占比时，触发根据原始超文本文件所标记的图片索引地址加载图片区域对应的目标图片。
133.在一个实施例中，该方法还包括：当目标网页页面对应的原始超文本文件中嵌入了关联网页的跳转链接时，根据关联网页的跳转链接下载关联网页对应的静态资源，将下载的静态资源与相应的索引地址关联后存储至本地。
134.在一个实施例中，当处于网络在线状态，且下载目标网页页面对应的静态资源时，若目标网页页面中存在跳转至关联网页的跳转链接，则触发下载关联网页对应的静态资源，以在网络离线状态下实现对关联网页的访问。
135.本实施例中，当用户离线访问目标网页页面时，可根据目标网页页面中的关联网页的跳转链接跳转至关联网页进行访问。
136.在一个实施例中，静态资源还包括根据超文本文件中的音视频索引地址下载的音视频；该方法还包括：当处于网络在线状态时，将下载的音视频与超文本文件中的音视频索引地址关联后存储至本地；当处于网络离线状态、且按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的音视频索引地址，从本地获取与提取的音视频索引地址相关联的目标音视频后，根据目标音视频显示目标网页页面。
137.其中，音视频是指音频和/或视频。
138.在一个实施例中，终端下载网页页面对应的超文本文件，建立下载的超文本文件与网页页面的索引地址之间的关联关系。终端从超文本文件中提取音视频索引地址，根据音视频索引地址下载音视频，建立下载的音视频与音视频索引地址之间的关联关系。
139.在一个实施例中，终端以音视频索引地址命名下载的音视频，以建立下载的音视频与音视频索引地址之间的关联关系。在另一个实施例中，终端建立音视频索引地址与中间信息之间的关联关系，以及中间信息与下载的音视频之间的关联关系，以建立下载的音视频与音视频索引地址之间的关联关系。例如，终端根据音视频索引地址生成中间信息，以中间信息命名下载的音视频。
140.在一个实施例中，终端根据下载的音视频与超文本文件中的音视频索引地址之间
的关联关系，从本地获取与目标超文本文件中的音视频索引地址相关联的目标音视频。例如，当终端以超文本文件中的音视频索引地址命名下载的音视频时，从本地获取以目标超文本文件中的音视频索引地址命名的目标音视频；当终端根据超文本文件中的音视频索引地址生成的中间信息命名下载的音视频时，根据目标超文本文件中的音视频索引地址生成中间信息，从本地获取以中间信息命名的目标音视频。另外，当终端建立网页页面的索引地址与自定义文件之间的关联关系时，根据目标网页页面的索引地址从本地获取自定义文件，根据自定义文件获取目标超文本文件中的音视频索引地址所对应的本地索引地址，根据本地索引地址从本地获取目标音视频。
141.本实施例中，当处于网络在线状态时，下载网页页面中的音视频，并建立下载的音视频与超文本文件中的音视频索引地址之间的关联关系，当处于网络离线状态时，能够利用目标超文本文件中的音视频索引地址从本地提取音视频，从而在网页页面的相应音视频区域显示音视频。
142.在一个实施例中，当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件，包括：当处于网络离线状态时，显示图文网页的标题列表；响应于对标题列表中目标标题的选中操作，进入目标标题对应的目标图文网页页面；从本地获取与目标图文网页页面的索引地址相关联的目标超文本文件。
143.其中，图文网页是由文字和图片组成的页面，例如文章网页。文章网页是展示文章的页面，比如社交应用中的订阅号文章页面、阅读子程序的文章页面、资讯网站的新闻页面等。通过本技术实施例提供的方法，可支持用户离线阅读订阅号文章、阅读子程序中的文章、资讯网站的新闻等。
144.举例说明，参照图4，图4示出了一个实施例中图文网页的标题列表的界面示意图。可以看到，通过图文网页的标题列表402，用户可自主选择离线阅读的文章。
145.通过本技术实施例提供的方法，当处于网络在线状态时，下载网页页面对应的超文本文件以及网页页面中的图片，且建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联。当处于网络离线状态时，终端显示图文网页的标题列表，响应于对标题列表中目标标题的选中操作，进入目标标题对应的目标图文网页页面，根据目标网页页面的索引地址从本地获取目标超文本文件，在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址从本地获取目标图片，从而实现对图文网页的离线访问。
146.在一个实施例中，如图5所示，提供了一种网页页面显示方法，本实施例可应用于离线访问网页的场景，例如离线访问资讯网站、阅读网站等各类网站中的页面，或者离线访问各类应用中的应用页面、订阅号页面、子程序页面等。本实施例可应用于离线访问图文网页。本实施例主要以该方法应用于图1中的终端102来举例说明，包括以下步骤：
147.步骤s502，当处于网络在线状态时，下载网页页面对应的静态资源，静态资源包括超文本文件、根据超文本文件中的图片索引地址下载的图片、根据超文本文件获取的页面样式描述信息和页面行为描述信息。
148.在一个实施例中，当页面样式描述信息和/或页面行为描述信息外联于超文本文件时，终端通过页面样式描述信息的链接标签从外部样式表获取页面样式描述信息，和/或
通过页面行为描述信息的链接地址从外部获取页面行为描述信息。
149.在一个实施例中，当页面样式描述信息和/或页面样式描述信息内嵌于超文本文件时，终端从超文本文件中查找页面样式描述信息的标识字段，将页面样式描述信息的标识字段所标注的内容作为页面样式描述信息，和/或从超文本文件中查找页面行为描述信息的标识字段，将页面行为描述信息的标识字段所标注的内容作为页面行为描述信息。
150.在另一些实施例中，当页面样式描述信息和页面行为描述信息内嵌于超文本文件时，终端可从超文本文件中提取正文内容，直接根据正文内容和超文本文件模板生成自定义超文本文件，可以理解，正文内容中可包括内嵌的页面样式描述信息和页面行为描述信息。
151.参照图6，图6示出了一个实施例中超文本文件的下载与恢复流程图。可以看到，当处于网络在线状态时，终端下载网页页面对应的超文本文件，从超文本文件中提取正文内容，将正文内容填充至超文本文件模板中的相应位置，得到自定义超文本文件，计算网页页面的索引地址对应的摘要信息，按照摘要信息命名自定义超文本文件后存储在本地。当处于网络离线状态时，响应于对目标网页页面的浏览操作，获取目标网页页面的索引地址，计算目标网页页面的索引地址对应的目标摘要信息，从本地获取以目标摘要信息命名的目标超文本文件，根据网页视图按照目标超文本文件构建目标网页页面。
152.步骤s504，从超文本文件中提取正文内容，获取构建的超文本文件模板，将正文内容、页面样式描述信息和页面行为描述信息，分别填充至超文本文件模板中的相应位置，生成自定义超文本文件。
153.可以理解，正文内容中包括图片索引地址，因此自定义超文本文件中包括图片索引地址。
154.步骤s506，计算网页页面的索引地址对应的摘要信息，按照摘要信息命名下载的自定义超文本文件后，将命名后的自定义超文本文件存储至本地。
155.步骤s508，计算超文本文件中的图片索引地址对应的摘要信息，按照摘要信息命名下载的图片后，将命名后的图片存储至本地。
156.参照图7，图7示出了一个实施例中图片的下载与恢复流程图。可以看到，当处于网络在线状态时，终端获取超文本文件中的图片索引地址，计算图片索引地址对应的摘要信息，按照摘要信息命名下载的图片后存储至本地。当处于网络离线状态时，提取目标超文本文件中的图片索引地址，从本地获取以目标摘要信息命名的目标图片，根据目标图片显示目标网页页面。
157.步骤s510，当处于网络离线状态时，响应于对目标网页页面的浏览操作，计算目标网页页面的索引地址对应的目标摘要信息，从本地获取以目标摘要信息命名的目标超文本文件。
158.步骤s512，在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，计算目标超文本文件中的图片索引地址对应的目标摘要信息，从本地获取以目标摘要信息命名的目标图片，根据目标图片显示目标网页页面。
159.参照图8，图8示出了一个实施例中网页页面显示方法的流程示意图。可以看到，当处于网络在线状态时，终端分别下载网页页面对应的超文本文件、页面样式描述信息、页面行为描述信息以及图片，存储在本地，当处于网络离线状态时，从本地提取网页页面对应的
超文本文件、页面样式描述信息、页面行为描述信息以及图片，实现网页页面的离线构建。
160.参照图9，图9示出了另一个实施例中网页页面显示方法的流程示意图。可以看到，当处于网络在线状态时，终端下载网页页面对应的超文本文件，根据超文本文件下载网页页面对应的图片、页面样式描述信息和页面行为描述信息，从超文本文件中提取正文内容，根据正文内容、页面样式描述信息和页面行为描述信息生成自定义超文本文件，并建立自定义超文本文件与网页页面的索引地址之间的关联关系，建立下载的图片与超文本文件中的图片索引地址之间的关联关系。当处于网络离线状态时，终端按照目标网页页面的索引地址从本地获取目标超文本文件，在按照目标超文本文件显示目标网页页面时，按照目标超文本文件中的图片索引地址从本地获取目标图片，根据目标图片显示目标网页页面。
161.参照图10和图11，图10示出了一个实施例中在线显示网页页面的示意图，图11示出了一个实施例中离线显示网页页面的示意图。可以看到，通过本技术实施例的方法，离线显示的网页页面与在线显示的网页页面保持一致。
162.参照图12，图12示出了一个实施例中本地存储超文本文件和图片的示意图。可以看到，由于建立了超文本文件与网页页面的索引地址之间的关联关系，以及图片与图片索引地址之间的关联关系，超文本文件和图片的存储位置可不受限制。
163.上述网页页面显示方法，当处于网络在线状态时，下载网页页面对应的静态资源，该静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片；在下载后，在本地建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联。那么，当处于网络离线状态，需要显示目标网页页面时，就能够根据这种关联关系，根据请求访问的目标网页页面的索引地址，从本地获取相应的目标超文本文件，并在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址，从本地获取相应的目标图片，实现在离线时也能够实现将网页页面中的图片进行显示，完整展示网页页面，从而实现对网页页面的离线访问。
164.应该理解的是，虽然图2、图5的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2、图5中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
165.在一个实施例中，如图13所示，提供了一种网页页面显示装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：下载模块1302、关联模块1304、获取模块1306和显示模块1308，其中：
166.下载模块1302，用于当处于网络在线状态时，下载网页页面对应的静态资源，静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片；
167.关联模块1304，用于将下载的超文本文件与网页页面的索引地址关联后存储至本地，将下载的图片与超文本文件中的图片索引地址关联后存储至本地；
168.获取模块1306，用于当处于网络离线状态时，响应于对目标网页页面的浏览操作，从本地获取与目标网页页面的索引地址相关联的目标超文本文件；
169.显示模块1308，用于在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，根据目标图片显示目标网页页面。
170.在一个实施例中，静态资源还包括网页页面对应的页面样式描述信息和页面行为描述信息中的至少一种；下载模块1302，还用于：基于下载的超文本文件，获取页面样式描述信息和页面行为描述信息中的至少一种。
171.在一个实施例中，下载模块1302，还用于：从超文本文件中查找页面样式描述信息的链接标签，根据页面样式描述信息的链接标签下载页面样式描述信息；和/或从超文本文件中查找页面行为描述信息的链接地址，根据页面行为描述信息的链接地址下载页面行为描述信息。
172.在一个实施例中，下载模块1302，还用于：从超文本文件中查找页面样式描述信息的标识字段，将页面样式描述信息的标识字段所标注的内容作为页面样式描述信息；和/或从超文本文件中查找页面行为描述信息的标识字段，将页面行为描述信息的标识字段所标注的内容作为页面行为描述信息。
173.在一个实施例中，关联模块1304，还用于：从超文本文件中提取正文内容；根据正文内容、页面样式描述信息和页面行为描述信息，生成自定义超文本文件；将自定义超文本文件与网页页面的索引地址关联后存储至本地。
174.在一个实施例中，关联模块1304，还用于：获取构建的超文本文件模板；将正文内容、页面样式描述信息和页面行为描述信息，分别填充至超文本文件模板中的相应位置，生成自定义超文本文件。
175.在一个实施例中，关联模块1304，还用于：计算网页页面的索引地址对应的摘要信息；按照摘要信息命名下载的超文本文件后，将命名后的超文本文件存储至本地；获取模块1306，还用于：当处于网络离线状态时，响应于对目标网页页面的浏览操作，计算目标网页页面的索引地址对应的目标摘要信息；从本地获取以目标摘要信息命名的目标超文本文件。
176.在一个实施例中，关联模块1304，还用于：计算超文本文件中的图片索引地址对应的摘要信息；按照摘要信息命名下载的图片后，将命名后的图片存储至本地；显示模块1308，还用于：在按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的图片索引地址，计算目标超文本文件中的图片索引地址对应的目标摘要信息；从本地获取以目标摘要信息命名的目标图片；根据目标图片显示目标网页页面。
177.在一个实施例中，网页页面显示装置还包括进入模块，进入模块用于：当处于网络离线状态时，进入目标网页页面；显示模块1308，还用于：响应于对目标网页页面的拖曳操作，按照目标超文本文件所标记的静态资源，显示拖曳操作滑动至的位置所对应的页面内容；当位置指向目标网页页面中的图片区域时，从目标超文本文件中提取与图片区域相对应的图片索引地址，从本地获取与提取的图片索引地址相关联的目标图片后，在图片区域显示目标图片。
178.在一个实施例中，网页页面显示装置还包括进入模块，进入模块用于：当处于网络在线状态时，进入目标网页页面；显示模块1308，还用于：响应于对目标网页页面的拖曳操作，按照目标网页页面对应的原始超文本文件所标记的静态资源，显示拖曳操作滑动至的
位置所对应的页面内容；当位置指向目标网页页面中的图片区域时，采用图片懒加载方式，根据原始超文本文件所标记的图片索引地址，加载图片区域对应的目标图片后显示。
179.在一个实施例中，下载模块1302还用于：当目标网页页面对应的原始超文本文件中嵌入了关联网页的跳转链接时，根据关联网页的跳转链接下载关联网页对应的静态资源，将下载的静态资源与相应的索引地址关联后存储至本地。
180.在一个实施例中，静态资源还包括根据超文本文件中的音视频索引地址下载的音视频；关联模块1304，还用于：当处于网络在线状态时，将下载的音视频与超文本文件中的音视频索引地址关联后存储至本地；显示模块1308，还用于：当处于网络离线状态、且按照目标超文本文件显示目标网页页面时，提取目标超文本文件中的音视频索引地址，从本地获取与提取的音视频索引地址相关联的目标音视频后，根据目标音视频显示目标网页页面。
181.在一个实施例中，获取模块1306，还用于：当处于网络离线状态时，显示图文网页的标题列表；响应于对标题列表中目标标题的选中操作，进入目标标题对应的目标图文网页页面；从本地获取与目标图文网页页面的索引地址相关联的目标超文本文件。
182.关于网页页面显示装置的具体限定可以参见上文中对于网页页面显示方法的限定，在此不再赘述。上述网页页面显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
183.上述网页页面显示装置中，当处于网络在线状态时，下载网页页面对应的静态资源，该静态资源包括超文本文件以及根据超文本文件中的图片索引地址下载的图片；在下载后，在本地建立下载的超文本文件与网页页面的索引地址之间的关联，以及下载的图片与图片索引地址之间的关联。那么，当处于网络离线状态，需要显示目标网页页面时，就能够根据这种关联关系，根据请求访问的目标网页页面的索引地址，从本地获取相应的目标超文本文件，并在按照目标超文本文件显示目标网页页面时，能够根据目标超文本文件中的图片索引地址，从本地获取相应的目标图片，实现在离线时也能够实现将网页页面中的图片进行显示，完整展示网页页面，从而实现对网页页面的离线访问。
184.在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图14所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过wifi、运营商网络、nfc(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种网页页面显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
185.本领域技术人员可以理解，图14中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的计算机设备的限定，具体的计算机设
备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
186.在一个实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。
187.在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
188.在一个实施例中，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例中的步骤。
189.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本技术所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(read-only memory，rom)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(random access memory，ram)或外部高速缓冲存储器。作为说明而非局限，ram可以是多种形式，比如静态随机存取存储器(static random access memory，sram)或动态随机存取存储器(dynamic random access memory，dram)等。
190.以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
191.以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术专利的保护范围应以所附权利要求为准。