缓存页面图片的方法和装置与流程

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

背景技术：

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

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

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

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

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

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

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

技术实现要素：

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

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

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

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

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

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

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

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

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

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

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

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

本发明实施例的一种缓存页面图片的电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例的一种缓存页面图片的方法。

为实现上述目的，根据本发明实施例的再一方面，提供了一种计算机可读存储介质。

本发明实施例的一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例的一种缓存页面图片的方法。

上述发明中的一个实施例具有如下优点或有益效果：因为采用在为显示设备加载或刷新页面时，根据显示设备的设备像素比和图片地址选择与设备像素比对应的页面图片为显示设备进行加载，并将与显示设备的设备像素比对应的页面图片缓存在显示设备的本地缓存中的技术手段，所以克服了无法为不同设备像素比的显示设备缓存不同图片版本的页面图片；以及无法对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术问题，进而达到为不同的显示设备缓存与该显示设备的设备像素比对应的图片版本的页面图片；并且显示设备使用统一的缓存机制，能够对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术效果。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的缓存页面图片的方法的主要步骤的示意图；

图2是根据本发明实施例的缓存页面图片的装置的主要模块的示意图；

图3是本发明实施例可以应用于其中的示例性系统架构图；

图4是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

需要指出的是，在不冲突的情况下，本发明的实施例以及实施例中的技术特征可以相互结合。

图1是根据本发明实施例的缓存页面图片的方法的主要步骤的示意图。

如图1所示，本发明实施例的一种缓存页面图片的方法主要包括以下步骤：

步骤s101：获取显示设备的设备像素比。

显示设备是指手机、平板或个人终端等具备显示功能的互联网终端。随着计算机技术的发展，越来越多的用户使用显示设备浏览页面图片或包括页面图片的网页等内容。通常同一个页面图片在不同显示设备中需要不同分辨率的页面图片，页面图片的分辨率越高其清晰度越高，加载页面图片时所消耗的网络流量也越大、加载速度越慢，网络流量是指网络上传输的数据量；并且，不同的显示设备具有不同的屏幕像素密度，不同的屏幕像素密度使显示设备具有不同的设备像素比。其中，屏幕像素密度是指每英寸屏幕所拥有的像素数，像素密度越大显示的页面图片的细节越丰富；设备像素比是指设备物理像素与设备无关像素的比值，用于描述整个渲染环境在硬件设备上的缩放程度，即设备像素比能够体现设备中所显示图片的清晰度。

为了提升用户的使用体验，以及在保证图片清晰度的情况下为用户节约网络流量，本发明实施例提出根据显示设备的设备像素比为用户选择相应图片版本的页面图片，即在加载图片之前获取用户所使用的显示设备的设备像素比，例如可以利用javascript获取显示设备的设备像素比。javascript是一种属于网络的脚本语言，已经被广泛用于全球广域网(web)应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果，并且，javascript脚本可以通过嵌入在html页面中来实现自身的功能的。

为了提高为显示设备加载页面图片的速度，还可以从显示设备的本地缓存(localstorage)中调用为显示设备加载的页面图片，即判断显示设备的localstorage中是否存在需要加载的页面图片，如果显示设备的本地缓存中已缓存该页面图片，且本地缓存中的页面图片的特征符合加载要求，则使用显示设备的本地缓存中的页面图片为显示设备进行加载，其中，加载要求是指页面图片所对应的设备像素比与显示设备的设备像素比相对应，以及页面图片处于有效期内等，可以基于页面图片的版本号或时间信息确定页面图片是否处于有效期内；否则执行步骤s102，即根据图片地址获取页面图片。在本发明实施例中，缓存页面图片的方法还可以包括：判断显示设备的本地缓存中是否已缓存页面图片；当显示设备的本地缓存中已缓存页面图片，且显示设备的本地缓存中的页面图片对应的设备像素比与显示设备的设备像素比相同，以及显示设备的本地缓存中的页面图片处于有效期内时，调用显示设备的本地缓存中的页面图片进行加载。

步骤s102：在为显示设备加载或刷新页面时，根据页面携带的图片地址选择与显示设备的设备像素比对应的页面图片进行加载，并将页面图片缓存至显示设备的本地缓存。

由于页面中携带有该页面所有页面图片的图片地址，在显示设备加载或刷新页面时，可以在得到显示设备的设备像素比之后，基于显示设备的设备像素比根据存储页面图片的图片地址选择适用于该显示设备的页面图片，即与显示设备的设备像素比对应的页面图片，将所选择的页面图片为显示设备进行加载，同时，为使用户再次浏览该页面时能够快速加载页面图片，还可以将页面图片在显示设备的本地缓存中进行存储。

在本发明实施例中，图片地址是从页面中页面图片的页面标签中获取的；则根据页面携带的图片地址选择与显示设备的设备像素比对应的页面图片进行加载可以通过以下方式实现：从图片地址对应的图片库中选择与显示设备的设备像素比对应的页面图片进行加载。用户所浏览的页面图片或包括页面图片的网页等内容是以页面的形式展示的，页面中的页面图片可以通过页面标签记录图片地址，因此，可以通过页面图片的页面标签获取图片地址，从而得到与显示设备的设备像素比对应的页面图片。

需要说明的是，图片地址对应的图片库中存储有多个图片版本的页面图片以及页面图片的各个图片版本与设备像素比的映射关系。针对不同的设备像素比，可以预先得到与不同设备像素比对应的图片版本的页面图片，并将不同图片版本的页面图片和页面图片的各个图片版本与设备像素比的映射关系存储于图片地址对应的图片库，此外，页面图片的各个图片版本与设备像素比的映射关系，可以是页面图片的各个图片版本的名称与设备像素比的映射关系，还可以是页面图片的各个图片版本的版本号与设备像素比的映射关系。

通常页面图片是以图片字符串的形式进行传递或存储，在显示设备的本地缓存中缓存页面图片时，除了记录图片字符串还可以记录页面图片的版本号、显示设备的设备像素比和时间信息等。在本发明实施例中，将页面图片缓存至显示设备的本地缓存可以通过以下步骤实现：获取页面图片的尺寸，并创建与页面图片的尺寸相同的画布；获取页面图片的上下文对象，基于上下文对象将页面图片绘制到画布上；利用画布将页面图片转换为图片字符串；基于图片字符串数据、显示设备的设备像素比、时间信息和页面图片的版本号生成存储字符串；将存储字符串缓存至显示设备的本地缓存。

其中，画布(canvasapi)是一种用于在网页中实时生成图像的标签，可以用于操作页面图片内容；上下文对象是指页面图片在网页中特征，例如绘图目村、绘图路径和绘图状态等。

在为显示设备加载页面图片时，可以通过显示设备的本地缓存选择页面图片，也可以根据页面图片所对应的图片地址选择页面图片，对于优先根据页面图片所对应的图片地址选择页面图片的情况，如果显示设备的本地缓存已存在该页面图片，可以更改根据该图片地址选择的页面图片的版本号，然后缓存至显示设备的本地缓存；也可以对显示设备的本地缓存中已缓存的页面图片进行更新。

此外，现有某些浏览器可以通过自身的缓存机制缓存页面图片，但是，由于不同的浏览器具有不同的缓存机制，导致同一显示设备同时存在几种缓存机制，因此，无法对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新。通过本本发明实施例的缓存页面图片的方法可以使显示设备的各个浏览器使用统一的缓存机制，从而对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新。

根据本发明实施例的缓存页面图片的方法可以看出，因为采用在为显示设备加载或刷新页面时，根据显示设备的设备像素比和图片地址选择与设备像素比对应的页面图片为显示设备进行加载，并将与显示设备的设备像素比对应的页面图片缓存在显示设备的本地缓存中的技术手段，所以克服了无法为不同设备像素比的显示设备缓存不同图片版本的页面图片；以及无法对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术问题，进而达到为不同的显示设备缓存与该显示设备的设备像素比对应的图片版本的页面图片；并且显示设备使用统一的缓存机制，能够对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术效果。

图2是根据本发明实施例的缓存页面图片的装置的主要模块的示意图。

如图2所示，本发明实施例的缓存页面图片的装置200包括：获取模块201和缓存模块202。

其中，

获取模块201，用于获取所述显示设备的设备像素比；

缓存模块202，用于在为显示设备加载或刷新页面时，根据所述页面携带的图片地址选择与所述显示设备的设备像素比对应的页面图片进行加载，并将所述页面图片缓存至所述显示设备的本地缓存。

此外，所述装置还包括：加载模块，用于判断所述显示设备的本地缓存中是否已缓存所述页面图片；当所述显示设备的本地缓存中已缓存所述页面图片，且所述显示设备的本地缓存中的所述页面图片对应的设备像素比与所述显示设备的设备像素比相同，以及所述显示设备的本地缓存中的所述页面图片处于有效期内时，调用所述显示设备的本地缓存中的所述页面图片进行加载。

在本发明实施例中，所述图片地址是从所述页面中所述页面图片的页面标签中获取的；以及所述缓存模块202还用于：从所述图片地址对应的图片库中选择与所述显示设备的设备像素比对应的所述页面图片进行加载；其中，所述图片地址对应的图片库中存储有多个图片版本的所述页面图片以及所述页面图片的各个图片版本与设备像素比的映射关系。

在本发明实施例中，所述缓存模块202进一步用于：获取所述页面图片的尺寸，并创建与所述页面图片的尺寸相同的画布；获取所述页面图片的上下文对象，基于所述上下文对象将所述页面图片绘制到所述画布上；利用所述画布将所述页面图片转换为图片字符串；基于所述图片字符串数据、所述显示设备的设备像素比、时间信息和所述页面图片的版本号生成存储字符串；将所述存储字符串缓存至所述显示设备的本地缓存。

根据本发明实施例的缓存页面图片的装置可以看出，因为采用在为显示设备加载或刷新页面时，根据显示设备的设备像素比和图片地址选择与设备像素比对应的页面图片为显示设备进行加载，并将与显示设备的设备像素比对应的页面图片缓存在显示设备的本地缓存中的技术手段，所以克服了无法为不同设备像素比的显示设备缓存不同图片版本的页面图片；以及无法对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术问题，进而达到为不同的显示设备缓存与该显示设备的设备像素比对应的图片版本的页面图片；并且显示设备使用统一的缓存机制，能够对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术效果。

为了进一步阐述本发明实施例的技术思想，现结合具体的应用场景，对本发明实施例的技术方案进行说明：

图片的页面(img)标签用于定义超级文本标记语言(html)页面中的图像，img标签有两个必需的属性：src属性和alt属性，其中，src属性用于记录存储图片的绝对路径或相对路径，alt属性提供替代该图片的信息。本发明实施例中，可以通过页面图片的img标签的src属性记录该页面图片的图片地址；javascript在控制网页的页面图片加载时，能够基于网页中的各个页面图片的图片地址获取各个页面图片，此外，javascript的getcontext()方法可以用于返回一个在canvasapi上绘图的环境，javascript的drawimage()方法可以用于在canvasapi上绘制图像、画布或视频，javascript的todataurl()方法可以把当前canvasapi的内容转换为字符(data)类型的统一资源定位符(url)格式。

需要说明的是，为使不同的显示设备能够在加载或刷新页面时显示最适合该显示设备的页面图片，图片地址对应的图片库在存储某一页面图片时，同时存储多个图片版本的该页面图片，每一种图片版本的该页面图片对应于一种显示设备的设备像素比，并且，在图片地址中存储各个图片版本的页面图片的各个图片版本与各个设备像素比的映射关系。例如：某个页面图片在图片地址对应的图片库中存储了三个图片版本的页面图片，分别是100px*100px的页面图片@1.png、200px*200px的页面图片@2.png和300px*300px的页面图片@3.png，以上三个图片版本分别对应的设备像素比为1、2和3，在存储时，除了将以上三个图片版本的页面图片进行存储，还记录页面图片的各个图片版本与各个设备像素比的映射关系，例如页面图片@1对应于设备像素比1、页面图片@2对应于设备像素比2以及页面图片@3对应于设备像素比3，其中，px是指像素；便携式网络图形(png)是指一种无损压缩的位图片形格式，上例中以“页面图片@n.png”作为页面图片的名称，n可以是页面图片的版本号，也可以是页面图片对应的设备像素比等。

本发明实施例中，在显示设备加载或刷新页面时，可以通过javascript获取显示设备的设备像素比，且可以通过以下两种方式获取页面中需要加载的与显示设备的设备像素比对应的页面图片：

1、根据图片地址获取页面图片

首先，获取页面中所有页面图片的页面标签，从所有页面标签中分别获取所有页面图片的图片地址以及该页面图片的版本号等信息；同时，获取用户所使用的显示设备的设备像素比；然后根据设备像素比从图片地址对应的图片库中选择与显示设备的设备像素比对应的页面图片；最后，为显示设备加载所选择的页面图片。需要说明的是，根据图片地址获取的为显示设备加载的页面图片可以在显示设备的localstorage中缓存，具体地，获取页面图片的尺寸，并创建与页面图片的尺寸相同的canvasapi；获取页面图片的上下文对象，基于上下文对象将页面图片绘制到canvasapi上，其中，可以利用javascript的getcontext()方法获取页面图片的上下文对象，可以利用javascript的drawimage方法将页面图片绘制到canvasapi上；利用canvasapi将页面图片转换为图片字符串，可以利用canvasapi的todataurl方法将页面图片转换为图片字符串；基于图片字符串数据、显示设备的设备像素比、时间信息和页面图片的版本号生成存储字符串；将存储字符串缓存至显示设备的localstorage；

2、从显示设备的localstorage获取页面图片

首先，获取页面中所有页面图片的页面标签，从所有页面标签中分别获取所有页面图片的版本号等信息；同时，获取显示设备的设备像素比；然后，判断显示设备的localstorage中是否存在需要加载的页面图片，可以利用javascript代码在localstorage中进行查找，以确定localstorage中是否存在需要加载的页面图片；如果localstorage中存在需要加载的页面图片，则检查localstorage中的页面图片的特征是否符合加载要求，即检查localstorage中的页面图片对应的设备像素比是否与显示设备的设备像素比相对应，以及基于页面图片的版本号或页面图片的信息判断该页面图片是否处于有效期内；最后，如果localstorage中的页面图片与显示设备的设备像素比相对应且处于有效期内，则为显示设备加载localstorage中的页面图片，否则，为显示设备加载根据图片地址获取的页面图片。

上述两种获取页面中页面图片的方式可以根据实际情况选择，例如仅根据图片地址获取页面图片，或优先从显示设备的localstorage获取页面图片。

图3示出了可以应用本发明实施例的缓存页面图片的方法或缓存页面图片的装置的示例性系统架构300。

如图3所示，系统架构300可以包括终端设备301、302、303，网络304和服务器305。网络304用以在终端设备301、302、303和服务器305之间提供通信链路的介质。网络304可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备301、302、303通过网络304与服务器305交互，以接收或发送消息等。终端设备301、302、303上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备301、302、303可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器305可以是提供各种服务的服务器，例如对用户利用终端设备301、302、303所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息)反馈给终端设备。

需要说明的是，本发明实施例所提供的缓存页面图片的方法一般由服务器305执行，相应地，缓存页面图片的装置一般设置于服务器305中。

应该理解，图3中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图4，其示出了适于用来实现本发明实施例的终端设备的计算机系统400的结构示意图。图4示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图4所示，计算机系统400包括中央处理单元(cpu)401，其可以根据存储在只读存储器(rom)402中的程序或者从存储部分408加载到随机访问存储器(ram)403中的程序而执行各种适当的动作和处理。在ram403中，还存储有系统400操作所需的各种程序和数据。cpu401、rom402以及ram403通过总线404彼此相连。输入/输出(i/o)接口405也连接至总线404。

以下部件连接至i/o接口405：包括键盘、鼠标等的输入部分406；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分407；包括硬盘等的存储部分408；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分409。通信部分409经由诸如因特网的网络执行通信处理。驱动器410也根据需要连接至i/o接口405。可拆卸介质411，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器410上，以便于从其上读出的计算机程序根据需要被安装入存储部分408。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分409从网络上被下载和安装，和/或从可拆卸介质411被安装。在该计算机程序被中央处理单元(cpu)401执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块和缓存模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，获取模块还可以被描述为“获取所述显示设备的设备像素比的模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：步骤s101：获取显示设备的设备像素比；步骤s102：在为显示设备加载或刷新页面时，根据页面携带的图片地址选择与显示设备的设备像素比对应的页面图片进行加载，并将页面图片缓存至显示设备的本地缓存。

根据本发明实施例的技术方案，因为采用在为显示设备加载或刷新页面时，根据显示设备的设备像素比和图片地址选择与设备像素比对应的页面图片为显示设备进行加载，并将与显示设备的设备像素比对应的页面图片缓存在显示设备的本地缓存中的技术手段，所以克服了无法为不同设备像素比的显示设备缓存不同图片版本的页面图片；以及无法对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术问题，进而达到为不同的显示设备缓存与该显示设备的设备像素比对应的图片版本的页面图片；并且显示设备使用统一的缓存机制，能够对显示设备的本地缓存中所缓存的页面图片的进行统一维护或更新的技术效果。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。