CN103577451A - 网页转码方法、装置及系统 - Google Patents

Abstract

本发明公开了一种网页转码方法、装置及系统。其中，方法包括以下步骤：代理服务器接收用户通过移动终端访问第三方站点页面的请求；所述代理服务器根据所述请求抓取所述网页；所述代理服务器获得所述网页中的背景图片；以及所述代理服务器获得所述背景图片中的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换。本发明通过在转码过程中用背景颜色替换背景图片，而不是直接删除背景图片或压缩图片，因此转码后的网页具有很高的还原度，且不会出现位置错乱等现象。而且，由于将几Kb大小的背景图片压缩成了一个字节的背景颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

Description

网页转码方法、装置及系统

技术领域

本发明涉及网页处理技术领域，特别涉及一种网页转码方法、装置及系统。

背景技术

由于手机的界面尺寸等与传统的电脑不同，因此需将原始的在电脑上显示的网页转换成手机适合浏览的网页样式，在转换过程中，原网页的背景图片在手机网页中可能展现不合理。

针对上述问题，现有的解决方案是删除原网页中的背景图片，从而在手机网页中不显示背景图片；或者，将原网页中的背景图片压缩显示。

现有技术存在的问题是，删除原网页中的图像会导致显示效果颜色丢失，而图片压缩的方式会导致背景图片上面的位置信息与原背景图片位置错乱，由此都会导致转换后的页面的可读性变差。

发明内容

本发明的目的旨在至少解决上述技术缺陷之一。

为此，本发明的一个目的在于提出一种网页转码方法，通过该方法转码后的网页具有较高的还原度且不会产生位置错误等情况。

本发明的另一个目的在于提出一种网页转码系统。

本发明的再一个目的在于提出一种代理服务器。

为达到上述目的，根据本发明一方面的实施例公开了一种网页转码方法，包括以下步骤：代理服务器接收用户通过移动终端访问第三方站点页面的请求；所述代理服务器根据所述请求抓取所述网页；所述代理服务器获得所述网页中的背景图片；以及所述代理服务器获得所述背景图片的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换。

根据本发明实施例的网页转码方法，在转码过程中根据背景颜色替换背景图片，而不是直接删除背景图片或压缩背景图片，由此转码后的网页具有很高的还原度，且不会出现图片压缩导致的位置错乱等现象。而且，由于将几Kb大小的图片压缩成了一个字节的颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

为达到上述目的，根据本发明另一方面的实施例公开了一种网页转码系统，包括：移动终端，用于接收用户访问第三方站点页面的请求并将所述请求转发至代理服务器，以及接收所述代理服务器根据所述请求返回的网页；代理服务器，用于接收所述用户通过所述移动终端访问第三方站点页面的请求，并根据所述请求抓取所述网页，获得所述网页中的背景图片以及所述背景图片的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换，以及将转码后的网页发送至所述移动终端。

根据本发明实施例的网页转码系统，代理服务器在转码过程中根据背景颜色替换背景图片，而不是直接删除背景图片或压缩背景图片，由此转码后的网页具有很高的还原度，且不会出现图片压缩导致的位置错乱等现象。而且，由于将几Kb大小的图片压缩成了一个字节的颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

为达到上述目的，根据本发明再一方面的实施例公开了一种代理服务器，包括：接收模块，用于接收用户通过移动终端访问第三方站点页面的请求；抓取模块，用于根据所述请求抓取所述网页；获取模块，用于获得所述网页中的背景图片；文件生成模块，用于对所述网页进行线下分析以生成配置文件；替换模块，用于根据所述配置文件获得所述背景图片的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换。

根据本发明实施例的代理服务器，在网页转码过程中根据背景颜色替换背景图片，而不是直接删除背景图片或压缩背景图片，由此转码后的网页具有很高的还原度，且不会出现图片压缩导致的位置错乱等现象。而且，由于将几Kb大小的图片压缩成了一个字节的颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

本发明附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为根据本发明一个实施例的网页转码方法的流程图；

图2为图1中的步骤S104的一个实施例的工作流程图；

图3为根据本发明一个实施例的网页转码系统的结构示意图；

图4为根据本发明一个实施例的代理服务器的结构示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。相反，本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。

在本发明的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。此外，在本发明的描述中，除非另有说明，“多个”的含义是两个或两个以上。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

下面参考附图详细描述根据本发明实施例的网页转码方法。

一种网页转码方法，包括以下步骤：代理服务器接收用户通过移动终端访问第三方站点页面的请求；代理服务器根据请求抓取网页；代理服务器获得网页中的背景图片；以及代理服务器获得背景图片的背景颜色，并在对网页的转码过程中根据背景颜色对背景图片进行替换。

图1为根据本发明一个实施例的网页转码方法的流程图。如图1所示，根据本发明实施例的网页转码方法包括下述步骤。

步骤S101，代理服务器接收用户通过移动终端访问第三方站点页面的请求。

例如，用户在移动终端上输入一个网页地址，请求访问该网页，移动终端接收到请求后将其发送至代理服务器。在本发明的一个实施例中，移动终端可以是手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。在该硬件设备中可采用任何的操作系统，例如Android、iPhoneOS系统等。

步骤S102，代理服务器根据请求抓取网页。

步骤S103，代理服务器获得网页的背景图片。

步骤S104，代理服务器获得背景图片的背景颜色，并在对网页的转码过程中根据背景颜色对背景图片进行替换。

图2为图1中的步骤S104的一个实施例的工作流程图。如图2所示，该过程主要包括以下步骤。

步骤S201，对网页进行线下分析以生成配置文件，其中，配置文件包括背景图片对应的背景颜色以及背景图标识信息。

具体地，首先，通过转码过程获取背景图标识信息，背景图标识信息主要包括背景图所属网页的地址、至少被背景图片一部分所覆盖的内容块的位置信息、该内容块需要展示背景图片的大小和重复属性。其中，重复属性就是一个背景图片的重复信息，用于当一个背景图片小于背景区域时，对背景图片进行重复以覆盖整个区域。通常网页设计者用一个点大小的图片充当背景图，然后配置实际使用重复属性，达到填充背景，节省流量（因为点象素图片非常小）的目的。

然后，进行初步的过滤后打印背景图标识信息，其中初步的过滤主要包括：如果背景图片已经存在默认背景颜色信息，则可直接进行替换，该背景图片不打印信息；或者，如果背景图片的尺寸小于尺寸阈值，则有可能只是一个标志性的图片，也过滤该背景图片，不打印信息；或者，如果至少被背景图片一部分所覆盖的内容块在背景图片中位置为负，那么该内容块只有部分区域的背景图片，因此该背景图片不适合在整个内容块中显示，同样过滤，不打印信息。

最后，根据打印的背景图标识信息进行过滤，并计算出主要色调的像素值写入配置文件中。具体地，根据至少被背景图片一部分所覆盖的内容块在背景图片中的位置和该内容块需要展示背景图片的大小，裁剪出对应的区域，如果背景图片小于该区域的预定比例（例如，80%），那么也是部分显示，也应该过滤，否则，根据裁剪出的图片，提取出其主要的色调，计算出平均的像素作为背景颜色，并将背景图标识信息和背景图片对应的背景颜色写入配置文件中。

步骤S202，代理服务器根据背景图片生成当前背景图标识信息。

步骤S203，代理服务器根据当前背景图标识信息查询配置文件以获取对应的背景颜色。

步骤S204，代理服务器使用背景颜色替换原背景图。

在网页转码的过程中，通过计算出背景图片的背景图标识信息，由此在配置文件中查询转换好的背景颜色，替换原背景图。

根据本发明实施例的网页转码方法，在转码过程中根据背景颜色替换背景图片，而不是直接删除背景图片或压缩背景图片，由此转码后的网页具有很高的还原度，且不会出现图片压缩导致的位置错乱等现象。而且，由于将几Kb大小的图片压缩成了一个字节的颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

下面结合说明书附图详细描述根据本发明实施例的网页转码系统。

图3为根据本发明一个实施例的网页转码系统的结构示意图。如图3所示，根据本发明实施例的网页转码系统包括：移动终端1和代理服务器2。

移动终端1用于接收用户访问第三方站点页面的请求并将该请求转发至代理服务器2，以及接收代理服务器2根据请求返回的网页。代理服务器2用于接收用户通过移动终端1访问第三方站点页面的请求，并根据请求抓取网页，获得网页中的背景图片以及背景图片的背景颜色，并在对网页的转码过程中根据背景颜色对背景图片进行替换，以及将转码后的网页发送至移动终端1。

具体地，代理服务器2首先对网页进行线下分析以生成配置文件，其中，配置文件包括背景图片对应的背景颜色及背景图标识信息。在本发明的一个实施例中，背景图标识信息包括背景图片所属网页的地址、至少为背景图片一部分所覆盖的内容块的位置信息、内容块需要展示背景图片的大小和重复属性。然后，代理服务器2根据背景图片生成当前背景图标识信息，再根据当前背景图标识信息查询配置文件以获得对应的背景颜色。

更具体地，在本发明的一个实施例中，代理服务器2对网页进行线下分析包括：获得网页中的背景图片，并获得该背景图片的尺寸；然后，判断该背景图片的尺寸是否小于尺寸阈值，如果小于，则过滤该背景图片。

进一步地，在本发明的另一个实施例中，代理服务器2对网页进行线下分析还包括：获得与背景图片相关联的内容块，然后获得背景图片与内容块之间的位置关系，如果内容块在背景图片中为负，则过滤该背景图片。

根据本发明实施例的网页转码系统，代理服务器在转码过程中根据背景颜色替换背景图片，而不是直接删除背景图片或压缩背景图片，由此转码后的网页具有很高的还原度，且不会出现图片压缩导致的位置错乱等现象。而且，由于将几Kb大小的图片压缩成了一个字节的颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

下面结合说明书附图详细描述根据本发明实施例的代理服务器。

图4为根据本发明一个实施例的代理服务器的结构示意图。如图4所示，根据本发明实施例的代理服务器包括：接收模块100、抓取模块200、获取模块300、文件生成模块400和替换模块500。

接收模块100用于接收用户通过移动终端访问第三方站点页面的请求。抓取模块200用于根据请求抓取网页。获取模块300用于获得网页中的背景图片。文件生成模块400用于对网页进行线下分析以生成配置文件。替换模块500用于根据配置文件获得背景图片的背景颜色，并在对网页的转码过程中根据背景颜色对背景图片进行替换。

具体地，在本发明的一个实施例中，文件生成模块400进一步包括第一计算单元、第二计算单元和文件生成单元。第一计算单元用于根据背景图片生成背景图标识信息。第二计算单元用于提取背景图片中的像素信息，并根据像素信息计算出背景图片对应的颜色信息。文件生成单元用于根据背景图标识信息以及背景图片对应的颜色信息生成配置文件。

在本发明的一个实施例中，背景图标识信息包括背景图片所属网页的地址、至少为所述背景图片一部分所覆盖的内容块的位置信息、所述内容块需要展示所述背景图片的大小和重复属性。

此外，在本发明的另一个实施例中，文件生成模块400还可以包括第三计算单元、第一判断单元和第一过滤单元。第三计算单元用于获得背景图片的尺寸。第一判断单元用于判断背景图片的尺寸是否小于尺寸阈值。第一过滤单元用于在第一判断单元确定背景图片的尺寸小于尺寸阈值时，过滤该背景图片，即不打印该背景图片的信息。

进一步地，在本发明的又一个实施例中，文件生成模块400还可以包括获取单元、第四计算单元和第二过滤单元。获取单元用于获得与背景图片相关联的内容块。第四计算单元用于获得背景图片与内容块之间的位置关系。第二过滤单元用于在内容块在背景图片中为负时，过滤该背景图片，即不打印该背景图片的信息。

具体地，在本发明的一个实施例中，替换模块500可以包括检索单元、第五计算单元、查询单元和替换单元。检索单元用于逐个节点遍历网页以获得含有背景图片的节点。第五计算单元用于根据背景图片生成当前背景图标识信息。查询单元用于根据当前背景图标识信息查询配置文件，获得背景图片对应的背景颜色。替换单元用于使用查询到的背景颜色替换背景图片。

根据本发明实施例的代理服务器，在网页转码过程中根据背景颜色替换背景图片，而不是直接删除背景图片或压缩背景图片，由此转码后的网页具有很高的还原度，且不会出现图片压缩导致的位置错乱等现象。而且，由于将几Kb大小的图片压缩成了一个字节的颜色，因此节省了转码后的流量，同时也避免了移动终端对图片抓取的延时，缩短了页面的等待时间。

应理解，在本发明的上述实施例中，移动终端可以是手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。在该硬件设备中可采用任何的操作系统，例如Android、iPhoneOS系统等。

应理解，上述各个模块或者装置的具体实现过程可与上述方法实施例的描述相对应，此处不再详细描述。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同限定。

Claims (16)

1.一种网页转码方法，其特征在于，包括以下步骤：

代理服务器接收用户通过移动终端访问第三方站点页面的请求；

所述代理服务器根据所述请求抓取所述网页；

所述代理服务器获得所述网页中的背景图片；以及

所述代理服务器获得所述背景图片的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换。

2.如权利要求1所述的网页转码方法，其特征在于，所述代理服务器获得所述背景图片的背景颜色进一步包括：

对网页进行线下分析以生成配置文件，其中所述配置文件包括背景图片对应的背景颜色及背景图标识信息；

所述代理服务器根据所述背景图片生成当前背景图标识信息；以及

所述代理服务器根据所述当前背景图标识信息查询所述配置文件以获得对应的所述背景颜色。

3.如权利要求1或2所述的网页转码方法，其特征在于，所述背景图标识信息包括所述背景图片所属网页的地址、至少为所述背景图片一部分所覆盖的内容块的位置信息、所述内容块需要展示所述背景图片的大小和重复属性。

4.如权利要求1-3任一项所述的网页转码方法，其特征在于，对网页进行线下分析进一步包括：

获得所述网页中的背景图片，并获得所述背景图片的尺寸；

判断所述背景图片的尺寸是否小于尺寸阈值；

如果小于所述尺寸阈值，则过滤所述背景图片。

5.如权利要求4所述的网页转码方法，其特征在于，还包括：

获得与所述背景图片相关联的内容块；

获得所述背景图片与所述内容块之间的位置关系；

如果所述内容块在所述背景图片中位置为负，则过滤所述背景图片。

6.一种网页转码系统，其特征在于，包括：

移动终端，用于接收用户访问第三方站点页面的请求并将所述请求转发至代理服务器，以及接收所述代理服务器根据所述请求返回的网页；

代理服务器，用于接收所述用户通过所述移动终端访问第三方站点页面的请求，并根据所述请求抓取所述网页，获得所述网页中的背景图片以及所述背景图片的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换，以及将转码后的网页发送至所述移动终端。

7.根据权利要求6所述的网页转码系统，其特征在于，所述代理服务器获得所述背景图片的背景颜色进一步包括：

对网页进行线下分析以生成配置文件，其中所述配置文件包括背景图片对应的背景颜色及背景图标识信息；

所述代理服务器根据所述背景图片生成当前背景图标识信息；以及

所述代理服务器根据所述当前背景图标识信息查询所述配置文件以获得对应的所述背景颜色。

8.根据权利要求6或7所述的网页转码系统，其特征在于，所述背景图标识信息包括所述背景图片所属网页的地址、至少为所述背景图片一部分所覆盖的内容块的位置信息、所述内容块需要展示所述背景图片的大小和重复属性。

9.根据权利要求6至8中任一项所述的网页转码系统，其特征在于，所述代理服务器对网页进行线下分析进一步包括：

获得所述网页中的背景图片，并获得所述背景图片的尺寸；

判断所述背景图片的尺寸是否小于尺寸阈值；

如果小于所述尺寸阈值，则过滤所述背景图片。

10.根据权利要求9所述的网页转码系统，其特征在于，所述代理服务器还用于：

获得与所述背景图片相关联的内容块；

获得所述背景图片与所述内容块之间的位置关系；

如果所述内容块在所述背景图片中位置为负，则过滤所述背景图片。

11.一种代理服务器，其特征在于，包括：

接收模块，用于接收用户通过移动终端访问第三方站点页面的请求；

抓取模块，用于根据所述请求抓取所述网页；

获取模块，用于获得所述网页中的背景图片；

文件生成模块，用于对所述网页进行线下分析以生成配置文件；

替换模块，用于根据所述配置文件获得所述背景图片的背景颜色，并在对所述网页的转码过程中根据所述背景颜色对所述背景图片进行替换。

12.根据权利要求11所述的代理服务器，其特征在于，所述文件生成模块进一步包括：

第一计算单元，用于根据所述背景图片生成背景图标识信息；

第二计算单元，用于提取所述背景图片中的像素信息，并根据所述像素信息计算出所述背景图片对应的颜色信息；

文件生成单元，用于根据所述背景图标识信息以及所述背景图片对应的颜色信息生成配置文件。

13.根据权利要求12所述的代理服务器，其特征在于，所述背景图标识信息包括所述背景图片所属网页的地址、至少为所述背景图片一部分所覆盖的内容块的位置信息、所述内容块需要展示所述背景图片的大小和重复属性。

14.根据权利要求11至13中任一项所述的代理服务器，其特征在于，所述文件生成模块还包括：

第三计算单元，用于获得所述背景图片的尺寸；

第一判断单元，用于判断所述背景图片的尺寸是否小于尺寸阈值；

第一过滤单元，用于在所述第一判断单元确定所述背景图片的尺寸小于所述尺寸阈值时，过滤所述背景图片。

15.根据权利要求11至13中任一项所述的代理服务器，其特征在于，所述文件生成模块还包括：

获取单元，用于获得与所述背景图片相关联的内容块；

第四计算单元，用于获得所述背景图片与所述内容块之间的位置关系；

第二过滤单元，用于在所述内容块在所述背景图片中位置为负时，过滤所述背景图片。

16.根据权利要求11所述的代理服务器，其特征在于，所述替换模块进一步包括：

检索单元，用于逐个节点遍历所述网页以获得含有背景图片的节点；

第五计算单元，用于根据所述背景图片生成当前背景图标识信息；

查询单元，用于根据所述当前背景图标识信息查询所述配置文件，获得所述背景图片对应的背景颜色。

替换单元，用于使用查询到的背景颜色替换所述背景图片。

Images