基于无线网络的图片显示方法、移动终端和系统技术方案

本发明专利技术公开了一种基于无线网络的图片显示方法、移动终端和系统，所述图片包括图片标识、图片内容数据、更新时间，方法包括：根据待显示的目标图片的图片标识获取所述目标图片的更新时间；若移动终端的本地缓存中存在在图片标识方面与所述目标图片相同的缓存图片，获取所述缓存图片；若所述缓存图片的更新时间与所述目标图片的更新时间相同，则根据所述缓存图片的图片内容数据显示所述缓存图片。本发明专利技术能节省移动终端的网络流量，能提高移动终端的续航能力和图片显示速度。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了一种基于无线网络的图片显示方法、移动终端和系统，所述图片包括图片标识、图片内容数据、更新时间，方法包括：根据待显示的目标图片的图片标识获取所述目标图片的更新时间；若移动终端的本地缓存中存在在图片标识方面与所述目标图片相同的缓存图片，获取所述缓存图片；若所述缓存图片的更新时间与所述目标图片的更新时间相同，则根据所述缓存图片的图片内容数据显示所述缓存图片。本专利技术能节省移动终端的网络流量，能提高移动终端的续航能力和图片显示速度。【专利说明】基于无线网络的图片显示方法、移动终端和系统
本专利技术涉及无线网络
，尤其涉及基于无线网络的图片显示方法、移动终%5和系统。
技术介绍
随着通信的发展，移动互联网逐渐普及，在移动互联网的无线web页面中，图片的展示往往必不可少。目前在无线web页面中，常用的图片显示方案包括以下两种:第一种是不对图片进行缓存，浏览器每次接收到用户打开网页或刷新页面时，就每张图片向服务器发起图片请求。该方案的缺点是使得用户每次访问网页时都需要耗费一定的流量去请求图片，而对于移动互联网来说，用户流量十分珍贵。此外，移动终端从服务器请求图片需要一定响应时间，而且在2G、3G网络环境下，图片的展示存在延时，极大地影响了移动互联网的无线web页面的展示效果。第二种是采用HTML5 canvas技术将图片转换为base 64编码的字符串，缓存在本地存储器(localStorage)中。由于localStorage存储空间存在限制，所以通过定期清空localStorage中的缓存，然后重新进行缓存操作，以清除过期的缓存图片，从而释放localStorage空间。该方案虽然对图片进行了缓存，但其清除过期缓存图片需要清空localStorage中所有的缓存，然后重新进行缓存操作。该方法的缓存效率以及对localStorage的缓存使用率较低，需要将有效的缓存记录同时清理掉。此外，对于清理localStorage的周期也难以控制，若周期过短则会降低缓存图片的使用率；若周期太长，则又会降低缓存图片的有效性。
技术实现思路
本专利技术实施例提供基于无线网络的图片显示方法、移动终端和基于无线网络的图片显示系统，其能够节省移动终端的网络流量，提高页面展示速度，提高移动终端的续航能力。 本专利技术实施例采用以下技术方案: 第一方面，本专利技术实施例提供一种基于无线网络的图片显示方法，所述图片包括图片标识、图片内容数据、更新时间，所述方法包括: 根据待显示的目标图片的图片标识获取所述目标图片的更新时间； 若移动终端的本地缓存中存在在图片标识方面与所述目标图片相同的缓存图片，获取所述缓存图片； 若所述缓存图片的更新时间与所述目标图片的更新时间相同，则根据所述缓存图片的图片内容数据显示所述缓存图片。 第二方面，本专利技术实施例提供一种用于执行基于无线网络的图片显示方法的移动终端，所述图片包括图片标识、图片内容数据、更新时间，所述移动终端包括: 更新时间获取单元，用于根据待显示的目标图片的图片标识获取所述目标图片的更新时间； 本地图片获取单元，用于若移动终端的本地缓存中存在在图片标识方面与所述目标图片相同的缓存图片，获取所述缓存图片； 本地图片显示单元，用于若所述缓存图片的更新时间与所述目标图片的更新时间相同，根据所述缓存图片的图片内容数据显示所述缓存图片则根据所述缓存图片的图片内容数据显示所述缓存图片。 第三方面，本专利技术实施例提供一种基于无线网络的图片显示系统，所述图片包括图片标识、图片内容数据、更新时间，包括移动终端和服务器， 所述移动终端根据待显示的目标图片的图片标识从所述服务器获取所述目标图片的更新时间； 若所述移动终端的本地缓存中存在在图片标识方面与所述目标图片相同的缓存图片，所述移动终端获取所述缓存图片； 若所述缓存图片的更新时间与所述目标图片的更新时间相同，则所述移动终端根据所述缓存图片的图片内容数据显示所述缓存图片。 本专利技术实施例提供的技术方案带来的有益效果: 通过在移动终端的本地缓存中存储图片的图片内容数据和图片更新时间，当浏览器需要展示图片时，首先向服务器请求该图片的更新时间，若本地缓存中存在该图片，且更新时间与通过服务器获取的更新时间一致，则直接从本地缓存中获取该图片。本专利技术实施例提供的技术方案能节省移动终端的网络流量，能提高图片显示速度，能提高移动终端的续航能力。 【专利附图】【附图说明】 图1是本专利技术具体实施例一所述的基于无线网络的图片显示方法流程图； 图2是本专利技术具体实施例二所述的基于无线网络的图片显示方法流程图； 图3是本专利技术具体实施例三所述的移动终端结构框图； 图4是本专利技术具体实施例四所述的基于无线网络的图片显示系统的系统结构框图。 【具体实施方式】 为使本专利技术实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面将结合附图对本专利技术实施例的技术方案作进一步的详细描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。 下面结合附图并通过【具体实施方式】来进一步说明本专利技术的技术方案。 实施例一 图1是本实施例所述的基于无线网络的图片显示方法流程图，如图1所示，本实施例所述的基于无线网络的图片显示方法包括: S101、根据目标图片的图片标识获取目标图片的更新时间。 服务器中存储网络资源时，为了区别个网络资源的版本，会同时存储网络资源的更新时间。例如存储图片时，同时存储图片标识、图片内容数据和图片更新时间等，当移动终端需要显示图片时，所述移动终端向服务器发送需要显示的目标图片的图片标识(例如图片的URL地址)，服务器根据所述目标图片的图片标识查询所述目标图片的更新时间，将所述更新时间返回给所述移动终端。 例如移动终端需要显示网页(例如接收到用户发起的网页请求)，若该网页包含图片，由于网页中每幅图片均具有一个URL地址，则根据每个图片的URL地址向服务器请求图片的更新时间。 S102、若本地缓存中有对应的缓存图片，获取缓存图片。 对于无线网络，通常是按流量计费，用户流量十分珍贵，为了避免每次访问网页时均耗费流量去向服务器请求图片，本实施例的技术方案为在移动终端本地存储有网络中的图片，当移动终端需要显示图片时，首先查找本地存储的图片中是否有需要显示的目标图片，以节省流量。为了进一步加快访问速度，所述本地存储的图片可存储在移动终端的缓存中，例如在缓存中通过本地存储(localStorage)存储至少一个网页图片，每张图片在此处简称为缓存图片，各缓存图片包括图片标识、图片内容数据、更新时间等。 在本实施例的一个优选实施方式中，移动终端本地存储有网络中的图片是在移动终端的缓存中通过HTML5 localStorage存储，各缓存图片包括图片标识、图片内容数据。各缓存图片以JSON (JavaScript Object Notat1n, javascript中的对象和数组)对象转化成的字符串的形式存储。当目标图片在本地缓存中没有命中时，从服务器获取并显示所述本文档来自技高网...

【技术保护点】
一种基于无线网络的图片显示方法，其特征在于，所述图片包括图片标识、图片内容数据、更新时间，所述方法包括：根据待显示的目标图片的图片标识获取所述目标图片的更新时间；若移动终端的本地缓存中存在在图片标识方面与所述目标图片相同的缓存图片，获取所述缓存图片；若所述缓存图片的更新时间与所述目标图片的更新时间相同，则根据所述缓存图片的图片内容数据显示所述缓存图片。

【技术特征摘要】

【专利技术属性】
技术研发人员：俄万有，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44