CN103942199A - 一种获取网页中的图片信息的方法、装置和终端 - Google Patents

Abstract

本发明公开了一种获取网页中的图片信息的方法、装置和终端。该方法包括：下载网页的待显示图片信息，将所述待显示图片信息存储在浏览器的本地存储区内；在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。应用本发明能够节省网络流量，并加快网页加载速度。

Description

一种获取网页中的图片信息的方法、装置和终端

技术领域

本申请涉及通信技术领域，尤其涉及一种获取网页中的图片信息的方法、装置和终端。

背景技术

随着移动互联网技术的发展，许多移动设备可以通过接入互联网浏览在线网页，而且还可以通过网页显示在线的图片。

目前，移动设备对仅包含文本信息的网页和既包含文本信息又包含在线图片信息的网页的信息获取方法是相同的，即当网页中包括在线的图片时，移动设备获取网页信息的方法为：移动设备在从网络服务器下载网页的文本信息的同时，还需要下载网页的图片信息，并且每次加载相同的网页，都要重复下载该网页的文本信息和图片信息。

可见，目前移动设备在获取网页信息时，对于只包含文本信息的网页和既包含文本信息又包含在线图片信息的网页，采用相同的网页信息获取方法，即每次加载网页时都从网络服务器下载网页包含的所有信息，包括文本信息和图片信息，然而，由于目前移动通信网络中网络流量和网络速度的限制，目前这种获取网页信息的方法将导致在加载包含图片信息的网页时，移动设备大量的网络流量被占用，并且网页加载速度也较慢。

发明内容

本申请提供了一种获取网页中的图片信息的方法、装置和终端，能够节省网络流量，并加快网页加载速度。

一种获取网页中的图片信息的方法，该方法包括：

下载网页的待显示图片信息，将所述待显示图片信息存储在浏览器的本地存储区内；

在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

一种获取网页中的图片信息的装置，该装置包括下载模块、存储模块和读取模块；

所述下载模块，用于下载网页的待显示图片信息；

所述存储模块，用于将所述待显示图片信息存储在浏览器的本地存储区内；

所述读取模块，用于在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

一种终端，该终端包括本发明所述的获取网页中的图片信息的装置。

由上述技术方案可见，本发明对于包含在线图片信息的网页，采用了与只包含文本信息的网页的信息获取方法不同的另一种网页信息获取方法，即并非每次加载网页时都下载网页中包括文本信息和图片信息在内的所有信息，而是对于网页中的待显示图片信息进行了单独处理，即，下载网页的待显示图片信息，并将所述待显示图片信息存储在浏览器的本地存储区内，在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

可见，本发明通过对网页中的待显示图片信息进行上述单独处理，使得在加载包含图片信息的网页时，不需要每次加载都下载其中的待显示图片信息，因而节省了网络流量，并且，由于可以从浏览器的本地存储区内读取待显示图片信息，因此也加快了网页的加载速度。

附图说明

图1是本发明提供的获取网页中的图片信息的方法流程图。

图2是本发明提供的将待显示图片信息存储在浏览器的本地存储区内的流程图。

图3是本发明提供的在通过网页播放在线视频文件的应用场景中获取待显示图片信息的流程图。

图4是本发明提供的获取网页中的图片信息的装置结构图。

具体实施方式

图1是本发明提供的获取网页中的图片信息的方法流程图。

如图1所示，该方法包括：

步骤101，下载网页的待显示图片信息。

步骤102，将所述待显示图片信息存储在浏览器的本地存储区内。

步骤103，在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

由于目前浏览器的本地存储区内只能存储文本信息，因此，通过对目前的浏览器特性和网页特性的分析，本发明提出，可以通过图2方法将下载的待显示图片信息存储在浏览器的本地存储区内。

图2是本发明提供的将待显示图片信息存储在浏览器的本地存储区内的流程图。

如图2所示，该流程包括：

步骤201，在待显示图片信息所在的网页中创建支持网页动画的标签。

基于目前的网页特性，所述支持网页动画的标签可以是canvas标签。

步骤202，将下载的待显示图片信息存储在所述支持网页动画的标签对应的容器中。

步骤203，将所述容器中的待显示图片信息转换为文本信息。

本步骤中，可以通过所述容器的标准接口将待显示图片信息转换为文本信息。

另外，由于将来还需要将待显示图片信息显示为图片，换言之，需要将以文本信息格式存储的待显示图片信息转换为图片格式，因此所述文本信息的具体格式可以为base64字符串格式。

步骤204，将所述文本信息通过浏览器的本地存储区写入接口存储在所述浏览器的本地存储区中。

其中，所述浏览器的本地存储区可以包括localStorage存储区和/或sessionStorage存储区。

通过图2所示方法将待显示图片信息存储在浏览器的本地存储区内以后，当需要显示所述待显示图片信息时，从浏览器的本地存储内读取以文本信息格式存在的待显示图片信息，并将文本信息格式的待显示图片信息转换为图片格式，从而显示相应的图片。

基于上述获取网页中的图片信息的方法，当需要显示网页中的待显示图片时，可以首先判断浏览器的本地存储区内是否存在当前需要显示的待显示图片信息，如果是，则直接从浏览器的本地存储区内读取待显示图片信息，否则，先下载网页的待显示图片信息，将所述待显示图片信息存储在浏览器的本地存储区内，然后从浏览器的本地存储区内读取待显示图片信息。

特别地，本申请还提供了一种尤其适于采用本申请提供的图片信息获取方法的场景，并且给出在在该场景中应用本申请提供的图片信息获取方法的具体流程。

目前的移动终端除了可以通过网页浏览在线图片，还可以通过网页播放在线视频文件，并且，通常在播放视频文件前的缓冲阶段、以及在视频文件播放过程中的缓冲阶段，移动设备会根据预设的图片信息获得相应的图片并进行显示，具体方法为：移动设备在从网络服务器下载视频文件的同时，还从网络服务器下载待显示的图片信息。

可见，目前由于需要同时下载视频文件和待显示图片信息，因此不仅影响了图片的加载速度，而且也影响了视频文件的加载速度。

针对通过网页播放在线视频文件的应用场景，本申请提供了应用本申请的网页中的图片信息获取方法的详细流程，具体请参加图3。

图3是本发明提供的在通过网页播放在线视频文件的应用场景中获取待显示图片信息的流程图。

如图3所示，该流程包括：

步骤301，接收缓冲网页中视频文件的命令。

步骤302，判断浏览器的本地存储区内是否存在当前的待显示图片信息，如果是，执行步骤305，否则，执行步骤303。

步骤303，下载当前的待显示图片信息。

步骤304，将所述待显示图片信息存储在浏览器的本地存储区内。

步骤305，从浏览器的本地存储区内读取当前的待显示图片信息。

根据本申请提供的上述方法，本申请还提供了一种获取网页信息的装置，具体请参加图4。

图4是本发明提供的获取网页中的图片信息的装置结构图。

如图4所示，该装置包括下载模块401、存储模块402和读取模块403。

下载模块401，用于下载网页的待显示图片信息。

存储模块402，用于将所述待显示图片信息存储在浏览器的本地存储区内。

读取模块403，用于在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

存储模块402，用于在所述网页中创建支持网页动画的标签，将下载的待显示图片信息存储在所述支持网页动画的标签对应的容器中，将所述容器中的待显示图片信息转换为文本信息，将所述文本信息通过浏览器的本地存储区写入接口存储在所述浏览器的本地存储区内。

该装置还可以包括转换模块。

所述转换模块，用于将所述读取模块从所述浏览器的本地存储区内读取的以文本信息格式存储的待显示图片信息转换为图片格式。

其中，所述支持网页动画的标签包括canvas标签，和/或所述文本信息包括base64字符串格式的文本信息。

该装置还可以包括判断模块。

所述判断模块，用于在需要显示网页中的待显示图片时，判断浏览器的本地存储区内是否存在当前的待显示图片信息，如果是，启动所述读取模块403，否则，启动所述下载模块401。换言之，在需要显示网页中的待显示图片时，启动所述判断模块判断浏览器的本地存储区内是否存在当前的待显示图片信息，如果是，启动读取模块403从浏览器的本地存储区内读取当前的待显示图片信息，如果否，则启动下载模块401下载当前的待显示图片信息，然后由存储模块402将下载模块401下载的待显示图片信息存储在浏览器的本地存储区内，再由读取模块403从浏览器的本地存储区内读取当前的待显示图片信息。

该装置还可以包括视频播放模块。

所述视频播放模块，用于在接收到缓冲网页中视频文件的命令之后，启动所述判断模块。

本发明还提供了一种终端，该终端包括本发明所述的获取网页中的图片信息的装置。所述终端可以是手机、平板电脑、视频播放设备等移动终端。

可见，通过本发明，可以将网页中的待显示图片信息存储在浏览器的本地存储区内，使得不必每次加载网页时都下载待显示图片信息，节省了网络流量，加快了网页加载速度。特别是当在网络情况较好时采用本发明提供的技术方案，可以实现在移动设备的网速较快或者使用WIFI无线网络的时候，在无需用户干预的情况下，就可以将图片存储在用户浏览器的本地存储区，以后需要显示图片的时候，可以从本地存储区中读取图片并显示，无需再次访问网络读取图片，既节省了网络流量，也大大加快了图片的显示速度。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (13)

1.一种获取网页中的图片信息的方法，其特征在于，该方法包括：

下载网页的待显示图片信息，将所述待显示图片信息存储在浏览器的本地存储区内；

在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

2.根据权利要求1所述的方法，其特征在于，所述存储在浏览器的本地存储区内包括:

在所述网页中创建支持网页动画的标签，将下载的待显示图片信息存储在所述支持网页动画的标签对应的容器中，将所述容器中的待显示图片信息转换为文本信息，将所述文本信息通过浏览器的本地存储区写入接口存储在所述浏览器的本地存储区内。

3.根据权利要求2所述的方法，其特征在于，从所述浏览器的本地存储区内读取待显示图片信息之后还包括：

将从所述浏览器的本地存储区内读取的以文本信息格式存储的待显示图片信息转换为图片格式。

4.根据权利要求2或3所述的方法，其特征在于，所述支持网页动画的标签包括canvas标签，和/或所述文本信息包括base64字符串格式的文本信息。

5.根据权利要求1所述的方法，其特征在于，该方法还包括：

在需要显示网页中的待显示图片时，判断浏览器的本地存储区内是否存在当前的待显示图片信息，如果是，进入从所述浏览器的本地存储区内读取待显示图片信息的步骤，否则，进入下载网页的待显示图片信息的步骤。

6.根据权利要求5所述的方法，其特征在于，在接收到缓冲网页中视频文件的命令之后，执行所述判断浏览器的本地存储区内是否存在当前的待显示图片信息的步骤。

7.一种获取网页中的图片信息的装置，其特征在于，该装置包括下载模块、存储模块和读取模块；

所述下载模块，用于下载网页的待显示图片信息；

所述存储模块，用于将所述待显示图片信息存储在浏览器的本地存储区内；

所述读取模块，用于在需要显示网页中的待显示图片时，从所述浏览器的本地存储区内读取待显示图片信息。

8.根据权利要求7所述的装置，其特征在于，

所述存储模块，用于在所述网页中创建支持网页动画的标签，将下载的待显示图片信息存储在所述支持网页动画的标签对应的容器中，将所述容器中的待显示图片信息转换为文本信息，将所述文本信息通过浏览器的本地存储区写入接口存储在所述浏览器的本地存储区内。

9.根据权利要求8所述的装置，其特征在于，该装置还包括转换模块；

所述转换模块，用于将所述读取模块从所述浏览器的本地存储区内读取的以文本信息格式存储的待显示图片信息转换为图片格式。

10.根据权利要求8或9所述的装置，其特征在于，所述支持网页动画的标签包括canvas标签，和/或所述文本信息包括base64字符串格式的文本信息。

11.根据权利要求7所述的装置，其特征在于，该装置还包括判断模块；

所述判断模块，用于在需要显示网页中的待显示图片时，判断浏览器的本地存储区内是否存在当前的待显示图片信息，如果是，启动所述读取模块，否则，启动所述下载模块。

12.根据权利要求11所述的装置，其特征在于，该装置还包括视频播放模块；

所述视频播放模块，用于在接收到缓冲网页中视频文件的命令之后，启动所述判断模块。

13.一种终端，其特征在于，该终端包括如权利要求7至12任一项所述的装置。