CN103699652A - 一种访问网页的方法和系统 - Google Patents

Abstract

本发明提供了一种访问网页的方法和系统，根据客户端发送的网页访问请求，获取网页的返回页面后，将所述返回页面的所有图片合并成一张综合图，并将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。由于客户端访问包含所述综合图的页面时，只需下载一张综合图即可，不需要再一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

Description

一种访问网页的方法和系统

技术领域

本发明涉及无线通信技术领域，更具体地说，涉及一种访问网页的方法和系统。

背景技术

手机客户端软件的开发，是一个持续完善和功能优化的过程。其中，客户端软件由于技术复杂、操作平台较多以及发展日新月异，因而，需要从技术创新、开发效率、功能优化、性能提升和用户体验等各角度对客户端软件进行重新评估，结合新涌现的手机平台，适当引入竞争，提高客户端软件产品的功能、性能和体验等，以推进无线互联网手机客户端软件的更好地发展。

浏览器作为一种手机客户端软件，通过无线通信网络进行互联网内容的页面浏览，为用户提供全方位的移动互联网服务。现有技术中的手机客户端浏览器，在传统的C/S（Client/Server，客户端/服务器）模式下，通过B/S（Browser/Server，浏览器/服务器）模式内嵌浏览器，完成原有C/S模式中的大部分访问和展现页面的功能。

但是，客户端通过所述内嵌浏览器访问网页时，需要下载页面脚本(.xhtml文件)和CSS脚本(.css文件)到客户端来执行，并且，客户端在访问具有大量图片的页面时，需要将所有图片一张一张地下载显示，与服务器的连接次数较多，响应的时间也较长。

发明内容

有鉴于此，本发明提供了一种访问网页的方法和系统，以解决现有技术中客户端访问具有大量图片的页面时，与服务器的连接次数多和响应时间长的问题。

为实现上述目的，本发明提供如下技术方案：

一种访问网页的方法，包括：

根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

优选的，所述将所述返回页面的所有图片合并成一张综合图，具体为：

根据客户端的型号信息，对所述返回页面的图片进行拉伸、压缩或去效处理，然后将进行拉伸、压缩或去效处理后的图片合并成一张综合图，其中，所述客户端的型号信息是从客户端发送的访问请求中获得的。

优选的，所述将进行拉伸、压缩或去效处理后的图片合并成一张综合图，具体为：

将进行拉伸、压缩或去效处理后的图片合并成一张综合图，并标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标。

优选的，所述标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标，具体为：

标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标后，将返回页面的图片地址，修改为所述图片在所述综合图中的地址。

优选的，所述将返回页面的图片地址，修改为所述图片在所述综合图中的地址，具体为：

根据每个图片在所述综合图中的标识和坐标，将返回页面的图片地址，修改为所述图片在所述综合图中的地址。

一种访问网页的系统，包括：

接收单元，用于根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

合并单元，用于将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

发送单元，用于将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

优选的，所述系统还包括：

处理单元，用于根据客户端的型号信息对所述返回页面的图片进行拉伸、压缩或去效处理。

优选的，所述合并单元还包括：

标识单元，用于标识所述综合图中的每个图片。

优选的，所述合成单元还包括：

坐标单元，用于获取每个图片在所述综合图中的坐标。

优选的，所述合成单元还包括：

地址修改单元，用于将所述返回页面的图片地址，修改为所述图片在所述综合图中的地址。

与现有技术相比，本发明所提供的技术方案具有以下优点：

本发明所提供的访问网页的方法和系统，根据客户端发送的网页访问请求，获取网页的返回页面后，将所述返回页面的所有图片合并成一张综合图，并将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。由于客户端访问包含所述综合图的页面时，只需下载一张综合图的图片即可，不需要再一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一提供的一种访问网页的方法流程图；

图2为本发明实施例二提供的一种访问网页的方法流程图。

具体实施方式

正如背景技术所述，客户端在访问具有大量图片的页面时，与服务器的连接次数较多，响应的时间也较长。发明人研究发现，造成这种现象的原因是，客户端在访问页面时，需要下载页面脚本(.xhtml文件)和CSS脚本(.css文件)到客户端来执行，并且，在访问具有大量图片的页面时，需要将所有图片一张一张地下载显示。

基于此，本发明提供了一种访问网页的方法及系统，以克服现有技术存在的上述问题，根据客户端发送的网页访问请求，获取网页的返回页面后，将所述返回页面的所有图片合并成一张综合图，并将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。由于客户端访问包含所述综合图的页面时，只需下载一张综合图的图片即可，不需要再一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

以上是本发明的核心思想，为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图对本发明的具体实施方式做详细的说明。

在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是本发明还可以采用其他不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本发明内涵的情况下做类似推广，因此本发明不受下面公开的具体实施例的限制。

其次，本发明结合示意图进行详细描述，在详述本发明实施例时，为便于说明，表示器件结构的剖面图会不依一般比例作局部放大，而且所述示意图只是示例，其在此不应限制本发明保护的范围。此外，在实际制作中应包含长度、宽度及深度的三维空间尺寸。

下面通过几个实施例对本发明进行详细描述，本发明的实施例提供的方法或系统都是基于B/S模式的客户端访问网页的方法或系统，其中，所述系统应用于服务器。

实施例一

本实施例提供了一种访问网页的方法，其流程图如图1所示，包括：

S101：根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

客户端向服务器发送网页访问请求后，服务器从网页访问请求的HTTP头域的Device-info字段中获取终端的型号信息，并根据所述终端型号信息获取终端的能力信息，包括屏幕大小、平台、内存、键盘或触摸屏等信息，然后根据终端的能力向中间WAP门户获取相应地WAP页面。以阅读业务为例，所述WAP页面是中间WAP门户向网页阅读平台发送请求数据后，根据返回数据获得的返回页面，所述中间WAP门户根据请求访问的客户端型号信息，返回相应地WAP页面。

S102：将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

将所述返回页面的所有图片合并成一张综合图，具体为：根据客户端的型号信息，对所述返回页面的图片进行拉伸、压缩或去效处理，其中，所述客户端的型号信息是从客户端发送的访问请求中获得的。对所述返回页面的图片进行拉伸、压缩或去效处理后，利用CSS Sprites工具将所述返回页面的图片合并成一张图片，即合并成一张综合图。本实施例采用的是在WAP2.0的WCSS基础上扩展的CSS2.0中的sprite标签，CSS Sprites是一种网页图片应用处理方式，它可以将页面中的所有图片都合并到一张综合图中去，当访问该页面时，就不需要再一幅一幅地慢慢显示载入的图片了，从而减少了客户端访问所述网页时与服务器的连接次数和响应时间。

在将返回页面的图片合并成一张综合图时，要合理布局，优化图片的顺序，在所有图片都能合成在一张综合图的基础上，尽可能的使综合图成的综合图占用的内存容量最小，以减少传输综合图时的流量。

所述将进行拉伸、压缩或去效处理后的图片合并成一张综合图，具体为：将进行拉伸、压缩或去效处理后的图片合并成一张综合图，并标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标。具体地，将进行拉伸、压缩或去效处理后的图片合并成一张综合图，并对所述综合图进行背景定位，标识所述综合图中的每个图片，用坐标精确地定位出综合图中每个图片的位置，并获取每个图片在所述综合图中的坐标。

标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标，具体为：标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标后，将返回页面的图片地址，修改为所述图片在所述综合图中的地址。

将所述返回页面的所有图片合并成一张综合图，并对所述综合图中的每个图片进行标识后，还需要对原有网页中的图片URL（Uniform/UniversalResource Locator，也被成为网页地址）进行修改，具体为：通过映射表对图片地址和图片的标识、坐标进行相应地处理，根据图片的标识和坐标对图片的地址进行修改，即将原有网页中的图片的地址，修改为所述图片在综合图中的位置地址，从而可以根据修改后的图片地址在综合图中找到相应地图片。

S103：将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

将包含所述综合图的页面发送至客户端，客户端接收页面，并根据地址解析图片，显示页面，客户端在访问包含所述综合图的页面时，只需下载一张综合图即可，不需要一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

本发明所提供的访问网页的方法，根据客户端发送的网页访问请求，获取网页的返回页面后，将所述返回页面的所有图片合并成一张综合图，并将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。由于客户端访问包含所述综合图的页面时，只需下载一张综合图的图片即可，不需要再一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

实施例二

本实施例提供了一种访问网页的方法，流程图如图2所示。

S201：根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

客户端向服务器发送网页访问请求后，服务器从网页访问请求的HTTP头域的Device-info字段中获取终端的型号信息，并根据所述终端型号信息获取终端的能力信息，包括屏幕大小、平台、内存、键盘或触摸屏等信息，然后根据终端的能力向中间WAP门户获取相应地WAP页面。以阅读业务为例，所述WAP页面是中间WAP门户向网页阅读平台发送请求数据后，根据返回数据获得的返回页面，所述中间WAP门户根据请求访问的客户端型号信息，返回相应地WAP页面。

S202：根据客户端的型号信息对所述页面的图片进行拉伸、压缩或去效处理；

客户端的型号有很多，不同的机型屏幕的分辨率不同，屏幕宽度也不同，因此，获取客户端请求访问的网页的返回页面后，根据不同的客户端型号信息对所述返回页面的图片进行不同的处理，其中，所述客户端的型号信息是从客户端发送的访问请求中获得的，如根据客户端设备的屏幕分辨率的不同，对返回页面的图片进行等比例拉伸处理，即使网页图片的宽度做相应地改变，使返回页面的图片以最佳的分辨率进行显示；或者根据客户端设备内存容量的不同，对返回页面的图片进行压缩、去效处理，使得图片占用的内存容量变小，从而使得显示图片的响应时间缩短。

S203：将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

对所述返回页面的图片进行拉伸、压缩或去效处理后，利用CSS Sprites工具将所述返回页面的图片合并成一张图片，即合并成一张综合图。本实施例采用的是在WAP2.0的WCSS基础上扩展的CSS2.0中的sprite标签，CSSSprites是一种网页图片应用处理方式，它可以将页面中的所有图片都合并到一张综合图中去，当访问该页面时，就不需要再一幅一幅地慢慢显示载入的图片了，从而减少了客户端访问所述网页时与服务器的连接次数和响应时间。

在将返回页面的图片合并成一张综合图时，要合理布局，优化图片的顺序，在所有图片都能合成在一张综合图的基础上，尽可能的使综合图成的综合图占用的内存容量最小，以减少传输综合图时的流量。

所述将进行拉伸、压缩或去效处理后的图片合并成一张综合图，具体为：将进行拉伸、压缩或去效处理后的图片合并成一张综合图，并标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标。具体地，将进行拉伸、压缩或去效处理后的图片合并成一张综合图，并对所述综合图进行背景定位，标识所述综合图中的每个图片，用坐标精确地定位出综合图中每个图片的位置，并获取每个图片在所述综合图中的坐标。

标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标，具体为：标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标后，将返回页面的图片地址，修改为所述图片在所述综合图中的地址。

将所述返回页面的所有图片合并成一张综合图，并对所述综合图中的每个图片进行标识后，还需要对原有网页中的图片URL（Uniform/UniversalResource Locator，也被成为网页地址）进行修改，具体为：通过映射表对图片地址和图片的标识、坐标进行相应地处理，根据图片的标识和坐标对图片的地址进行修改，即将原有网页中的图片的地址，修改为所述图片在综合图中的位置地址，从而可以根据修改后的图片地址在综合图中找到相应地图片。

S204：将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

将包含所述综合图的页面发送至客户端，客户端接收页面，并根据地址解析图片，显示页面，客户端在访问包含所述综合图的页面时，只需下载一张综合图即可，不需要一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

本发明所提供的访问网页的方法，根据客户端发送的网页访问请求，获取网页的返回页面后，对所述页面的图片进行拉伸、压缩或去效处理，并将所述返回页面的所有图片合并成一张综合图，由于客户端访问包含所述综合图的页面时，只需下载一张综合图的图片即可，不需要再一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

实施例三

本实施例提供了一种访问网页的系统，包括：

接收单元，用于根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

合并单元，用于将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

发送单元，用于将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

本发明所提供的访问网页的系统，通过接收单元获取客户端请求访问的网页的返回页面，通过合并单元将所述页面的所有图片合并成一张综合图，客户端访问包含所述综合图的页面时，只需下载一张综合图即可，不需要一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

实施例四

本实施例提供了一种访问网页的系统，包括：接收单元、合并单元和发送单元，接收单元，用于根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；合并单元，用于将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；发送单元，用于将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

客户端发送网页访问请求后，服务器获取客户端的终端信息，然后根据终端的能力向中间WAP门户获取相应地WAP页面，接收单元获取中间WAP门户返回的WAP页面。

本实施例中，所述系统还包括：处理单元，用于根据客户端的型号信息对所述返回页面的图片进行拉伸、压缩或去效处理。通过处理单元对所述返回页面的图片进行拉伸、压缩或去效处理后，再通过合并单元将所述返回页面的所有图片合并成一张综合图。其中，所述合并单元还包括标识单元、坐标单元和地址修改单元，标识单元，用于标识所述综合图中的每个图片；坐标单元，用于获取每个图片在所述综合图中的坐标；地址修改单元，用于将所述返回页面的图片地址，修改为所述图片在所述综合图中的地址。

所述标识单元对合并成的综合图进行背景定位，并标识综合图中的每个图片，坐标单元获取每个图片在综合图中的坐标，地址修改单元根据所述返回页面的图片在综合图中的标识和坐标，对所述返回页面的图片地址进行修改，将原有网页中图片的地址修改为所述图片在综合图中的位置地址，从而可以根据修改后的图片地址在综合图中找到相应地图片。

本实施例中，所述合成单元可以为CSS2.0中的sprite标签，即可以通过CSS Sprites工具将页面中的所有图片都合并到一张综合图中，当访问包含综合图的页面时，只需下载合并后的一张综合图即可，不需要再一张一张地显示网页的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

本实施例提供的访问网页的系统，接收单元获取网页的返回页面后，处理单元根据客户端的型号信息对所述返回页面的图片进行拉伸、压缩或去效等处理，处理完成后，合成单元将返回页面的所有图片都合并在一张综合图中，即合并成一张综合图，发送单元将包含所述综合图的页面发送至客户端，客户端接收页面，并根据地址解析图片，显示页面。

本发明所提供的访问网页的系统，通过接收单元获取客户端请求访问的网页的返回页面，通过合并单元将所述返回页面的所有图片合并成一张综合图，客户端访问包含所述综合图的页面时，只需下载一张综合图即可，不需要再一张一张地下载显示网页中的多个图片，大大减少了客户端与服务器的连接次数和响应时间。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种访问网页的方法，其特征在于，包括：

根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

2.根据权利要求1所述的方法，其特征在于，所述将所述返回页面的所有图片合并成一张综合图，具体为：

根据客户端的型号信息，对所述返回页面的图片进行拉伸、压缩或去效处理，然后将进行拉伸、压缩或去效处理后的图片合并成一张综合图，其中，所述客户端的型号信息是从客户端发送的访问请求中获得的。

3.根据权利要求2所述的方法，其特征在于，所述将进行拉伸、压缩或去效处理后的图片合并成一张综合图，具体为：

将进行拉伸、压缩或去效处理后的图片合并成一张综合图，并标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标。

4.根据权利要求3所述的方法，其特征在于，所述标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标，具体为：

标识所述综合图中的每个图片，获取每个图片在所述综合图中的坐标，并将返回页面的图片地址，修改为所述图片在所述综合图中的地址。

5.根据权利要求4所述的方法，其特征在于，所述将返回页面的图片地址，修改为所述图片在所述综合图中的地址，具体为：

根据每个图片在所述综合图中的标识和坐标，将返回页面的图片地址，修改为所述图片在所述综合图中的地址。

6.一种访问网页的系统，其特征在于，包括：

接收单元，用于根据客户端发送的网页访问请求，获取网页的返回页面，所述返回页面包含多个图片；

合并单元，用于将所述返回页面的所有图片合并成一张综合图，以减少所述返回页面中的图片的数量；

发送单元，用于将包含所述综合图的页面发送至客户端，以便所述客户端接收页面，并根据地址解析图片，显示页面。

7.根据权利要求6所述的系统，其特征在于，所述系统还包括：

处理单元，用于根据客户端的型号信息对所述返回页面的图片进行拉伸、压缩或去效处理。

8.根据权利要求6所述的系统，其特征在于，所述合并单元还包括：

标识单元，用于标识所述综合图中的每个图片。

9.根据权利要求8所述的系统，其特征在于，所述合成单元还包括：

坐标单元，用于获取每个图片在所述综合图中的坐标。

10.根据权利要求9所述的系统，其特征在于，所述合成单元还包括：

地址修改单元，用于将所述返回页面的图片地址，修改为所述图片在所述综合图中的地址。

Images