[发明专利]缓存页面图片的方法和装置

说明书

本发明公开了一种缓存页面图片的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取显示设备的设备像素比；在为显示设备加载或刷新页面时，根据页面携带的图片地址选择与显示设备的设备像素比对应的页面图片进行加载，并将页面图片缓存至显示设备的本地缓存。该实施方式能够为不同设备像素比的显示设备缓存不同图片版本的页面图片；以及缓存的页面图片能够兼容不同的浏览器。

技术领域

本发明涉及计算机技术领域，尤其涉及一种缓存页面图片的方法和装置。

背景技术

随着计算机技术的发展，越来越多的人开始在手机、平板或个人终端等显示设备上浏览页面图片或包括页面图片的网页等内容。而不同的显示设备具有不同的屏幕像素密度，不同的屏幕像素密度使显示设备具有不同的设备像素比；且同一个页面图片在不同显示设备中需要显示不同分辨率，页面图片的分辨率越高其清晰度越高，加载页面图片时所消耗的网络流量也越大，加载速度越慢。

为了提高为显示设备加载页面图片的速度；并在保证页面图片清晰度的情况下为用户节约网络流量，提升用户的使用体验和节约用户的网络流量，可以使用一定的技术和策略把页面图片缓存在显示设备的本地缓存中，现有的缓存方案主要有以下二种：

1.使用第五代超文本标记语言(HTML5)的应用缓存(Application Cache)技术缓存页面图片；

2.使用浏览器自身缓存机制缓存页面图片。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

1.Application Cache技术无法为不同设备像素比的显示设备缓存不同图片版本的页面图片；

2.同一显示设备中不同的浏览器存在不同的缓存机制，无法对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新。

发明内容

有鉴于此，本发明实施例提供一种缓存页面图片的方法和装置，能够为不同设备像素比的显示设备缓存不同图片版本的页面图片；以及对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新。

为实现上述目的，根据本发明实施例的一个方面，提供了一种缓存页面图片的方法。

本发明实施例的一种缓存页面图片的方法包括：获取所述显示设备的设备像素比；在为显示设备加载或刷新页面时，根据所述页面携带的图片地址选择与所述显示设备的设备像素比对应的页面图片进行加载，并将所述页面图片缓存至所述显示设备的本地缓存。

可选地，根据所述页面携带的图片地址选择与所述显示设备的设备像素比对应的页面图片进行加载之前还包括：判断所述显示设备的本地缓存中是否已缓存所述页面图片；当所述显示设备的本地缓存中已缓存所述页面图片，且所述显示设备的本地缓存中的所述页面图片对应的设备像素比与所述显示设备的设备像素比相同，以及所述显示设备的本地缓存中的所述页面图片处于有效期内时，调用所述显示设备的本地缓存中的所述页面图片进行加载。

可选地，所述图片地址是从所述页面中所述页面图片的页面标签中获取的；以及根据所述页面携带的图片地址选择与所述显示设备的设备像素比对应的页面图片进行加载包括：从所述图片地址对应的图片库中选择与所述显示设备的设备像素比对应的所述页面图片进行加载；其中，所述图片地址对应的图片库中存储有多个图片版本的所述页面图片以及所述页面图片的各个图片版本与设备像素比的映射关系。

可选地，将所述页面图片缓存至所述显示设备的本地缓存包括：获取所述页面图片的尺寸，并创建与所述页面图片的尺寸相同的画布；获取所述页面图片的上下文对象，基于所述上下文对象将所述页面图片绘制到所述画布上；利用所述画布将所述页面图片转换为图片字符串；基于所述图片字符串数据、所述显示设备的设备像素比、时间信息和所述页面图片的版本号生成存储字符串；将所述存储字符串缓存至所述显示设备的本地缓存。