[发明专利]一种合并网页中背景图的方法和系统

说明书

技术领域

本发明涉及计算机技术领域，尤其涉及一种合并网页中背景图的方法和系统。

背景技术

在网页的开发实现中，为了获得好的视觉效果，一般会使用到很多的背景图，其中，背景图是在样式(级联样式表)代码中进行设置的。在网页的渲染过程中，想要获取每张背景图，都需要发送一次HTTP请求，所以当背景图比较多的时候，为获取背景图而发送的HTTP请求也会相应的增加，严重影响网页的速度。

目前，开发人员会将多个背景图合并成一张图片，以此来减少HTTP请求的次数。现有的比较常用的方案通过以下步骤来实现：110、获取样式文件路径；120、打开样式文件；130、根据样式文件，获取所需合并图样式；140、根据合并图样式的URL，获取所述合并图样式中的合并图路径以及单图路径；150、通过合并图路径和单图路径，获取图片，并将图片合并为合并图；160、判断图片是否存在另一合并图，如果是则转至步骤161，否则保存所述合并图，转至步骤170；161、将所述另一合并图更改为所述合并图并保存，转至步骤170；170、根据保存后的合并图，更改其合并图样式；180、判断是否完成合并图的合并，如果是则转至步骤181，否则转至步骤130；181、保存所述合并图，转至步骤120。该方案是针对单个样式文件中所包含的各个背景图进行背景图的合并。对于每一个样式文件，都会生成一个合并图。可见，现有的技术方案是在网页进行初始化时，针对单个样式文件中所包含的背景图进行背景图的合并，之后将所有合并后的背景图一并进行显示。

而一个网页中往往会包含多个样式文件，而且，同一个网页对不同的用户，及用户的不同状态，往往会展示出不同的内容，例如网页会针对用户当前是否登录、用户等级的不同、用户操作进度的不同而展示不同的内容。即同一网页在不同的状态下会包含不同的区块，例如，在状态1下会包含内容区块1、2、3，在状态2下会包含内容区块2、3、4，在状态3下会包含内容区块5、6、7，一般每个区块都会有一个样式文件。

因此，对于当前动态的网页而言，现有技术方案实施后依然会有多个合并图，并没有充分地减少获取背景图的HTTP请求的次数，也就没有充分地提升网页性能。

发明内容

有鉴于此，本发明实施例的目的在于提供一种合并网页中背景图的方法和系统，通过针对网页级别的，能够动态实时的将一个网页中的背景图合并为一张结果图进行显示，从而提升了网页的响应速度。

第一方面，本发明实施例提供了一种合并网页中背景图的方法，包括：网络端解析用户端的网页资源请求，以获取识别信息，并依据识别信息在图片存储文件中提取对应的背景图；

网络端将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；

网络端将提取路径信息返回给用户端。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，方法还包括：

网络端判断图片存储文件中是否已经存在合成好的预先结果图；

当判断为否，则执行步骤网络端将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；

当判断为是时，生成预先结果图对应的提取路径信息。

结合第一方面的第一种可能的实施方式，本发明实施例提供了第一方面的第二种可能的实施方式，其中，依据识别信息在图片存储文件中提取对应的背景图通过以下步骤来实现：

网络端获取网页资源请求所对应的网页内容；

根据网页内容得到链接标签；

根据链接标签获取背景图的访问路径信息，并根据访问路径信息获得背景图。

结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第三种可能的实施方式，其中，生成当前结果图对应的提取路径信息包括以下步骤：

提取背景图的样式特征和背景特征；

根据样式特征和背景特征得到提取路径信息。

结合第一方面的第三种可能的实施方式，本发明实施例提供了第一方面的第四种可能的实施方式，其中，方法还包括：

网络端将背景图均替换为当前结果图。

第二方面，本发明实施例提供了一种合并网页中背景图的系统，包括：

背景图提取模块，用于解析用户端的网页资源请求，以获取识别信息，并依据识别信息在图片存储文件中提取对应的背景图；

结果图生成模块，用于将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；

返回模块，用于将提取路径信息返回给用户端。