CN102955826A - 无线应用协议网页中图片适配的方法、系统和服务器 - Google Patents

Abstract

本发明公开了一种WAP网页中图片适配的方法、系统和服务器，其中，所述方法包括：接收移动终端发送的对某一WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；从所述访问请求中提取所述移动终端的机型信息；通过所述机型信息查找与该机型信息对应的屏幕宽度；判断所述屏幕宽度是否小于标准宽度；若是，则将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。通过服务器动态对访问WAP网页的移动终端的机型信息进行提取并找到对应的屏幕宽度，将WAP网页中宽度大于所述屏幕宽度的图片缩放到屏幕宽度，简化了用户浏览带有图片的WAP网页的操作。

Description

无线应用协议网页中图片适配的方法、系统和服务器

技术领域

本发明涉及通信技术领域，特别是涉及一种WAP网页中图片适配的方法、系统和服务器。

背景技术

互联网已经渗透进了现代人们的生活，在新闻资讯、生活娱乐、消费购物等方面为人们提供了方便和快捷，人们每天通过计算机在互联网上冲浪的时间也越来越长。

随着移动终端的问世，由于其具有通讯功能，且兼具小巧轻便的外形和越来越低廉的价格，迅速普及成为个人随身的电子设备。之后，移动终端逐渐发展出上网的功能，可以访问WAP(Wireless Application Protocol，无线应用协议)网页，消除了人们上网的空间限制。

对于带有图片的WAP网页，通常都是将尺寸较大的图片压缩到主流移动终端的屏幕宽度，或者在WAP网页中提供大图、中图、小图的链接，由用户根据个人喜好进行选择。

对于压缩到主流移动终端的屏幕宽度的图片，若浏览网页的移动终端屏幕尺寸较小，那么所述图片会超出该移动终端的屏幕，用户需要横向滚动或拖拽WAP网页才能看到图片的其他部分；对于提供大图、中图、小图选择的图片，用户需要二次甚至三次选择才能看到适合自己移动终端的图片。显然，移动终端显示WAP网页上的图片时用户的操作都比较繁琐，严重影响了用户的浏览体验。

发明内容

本发明的目的是提供一种WAP网页中图片适配的方法、系统和服务器，以简化用户浏览带有图片的WAP网页的操作。

本发明提供了一种无线应用协议网页中图片适配的方法，包括：

接收移动终端发送的对某一无线应用协议WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；

从所述访问请求中提取所述移动终端的机型信息；

通过所述机型信息查找与该机型信息对应的屏幕宽度；

判断所述屏幕宽度是否小于标准宽度；

若是，则将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。

优选的，在编辑器生成所述WAP网页的过程中，还可以包括：

编辑器判断源图片的宽度是否大于标准宽度；

若是，则将该源图片缩放至标准宽度。

优选的，在生成所述WAP网页的过程中、将所述源图片缩放至标准宽度前，还可以包括：

编辑器判断该源图片是否为固定宽度的图片；

若是，则不对该源图片进行缩放；若否，再对该源图片执行缩放的步骤。

优选的，在将所述WAP网页中的图片缩放至屏幕宽度前，还可以包括：判断该图片是否为固定宽度的图片；

若是，则不对所述图片进行缩放；若否，再对该图片执行缩放的步骤。

优选的，所述方法还可以包括：对缩放至所述屏幕宽度的图片进行保存；

则在查找到移动终端的屏幕宽度后，还包括：检查是否保存有所述屏幕宽度的所述图片；若是，则直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再执行所述判断屏幕宽度是否小于标准宽度的步骤。

本发明还提供了一种无线应用协议网页中图片适配的系统，包括：

服务器，用于接收移动终端发送的对某一无线应用协议WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；从所述访问请求中提取所述移动终端的机型信息；通过所述机型信息查找与该机型信息对应的屏幕宽度；判断所述屏幕宽度是否小于标准宽度；若是，则将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。

优选的，所述系统还可以包括编辑器，用于：在生成所述WAP网页的过程中，判断源图片的宽度是否大于标准宽度；若是，则将该源图片缩放至标准宽度。

优选的，所述编辑器还可以用于：在生成所述WAP网页的过程中、将所述源图片缩放至标准宽度前，判断该源图片是否为固定宽度的图片；若是，则不对该源图片进行缩放；若否，再对该源图片执行缩放的步骤。

优选的，所述服务器还可以用于：在将所述WAP网页中的图片缩放至屏幕宽度前，判断该图片是否为固定宽度的图片；若是，则直接将所述图片携带在所述WAP网页中提供给所述移动终端；若否，再对该图片执行缩放的步骤。

优选的，所述服务器还可以用于：对缩放至所述屏幕宽度的图片进行保存；在查找到移动终端的屏幕宽度后，检查是否保存有所述屏幕宽度的所述图片；若是，则直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再执行所述判断屏幕宽度是否小于标准宽度的步骤。

本发明还提供了一种服务器，包括：

接收模块，用于接收移动终端发送的对某一无线应用协议WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；

提取模块，用于从所述访问请求中提取所述移动终端的机型信息；

查找模块，用于通过所述机型信息查找与该机型信息对应的屏幕宽度；

第一判断模块，用于判断所述屏幕宽度是否小于标准宽度；

缩放模块，用于当所述判断模块的判断结果为是时，将所述图片缩放至所述屏幕宽度；

返回模块，用于将所述缩放后的图片携带在所述WAP网页中提供给所述移动终端。

优选的，所述服务器还可以包括：

第二判断模块，用于在将所述WAP网页中的图片缩放至屏幕宽度前，判断该图片是否为固定宽度的图片；若是，则调用返回模块直接将所述图片携带在所述WAP网页中提供给所述移动终端；若否，再调用缩放模块对该图片进行缩放。

优选的，所述服务器还可以包括：

存储模块，用于对缩放至所述屏幕宽度的图片进行保存；

检查模块，用于在查找模块查找到移动终端的屏幕宽度后，检查存储模块中是否保存有所述屏幕宽度的所述图片；若是，则调用返回模块直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再调用第一判断模块执行判断屏幕宽度是否小于标准宽度的步骤。

本实施例的WAP网页中图片适配的方法、系统和服务器，通过服务器动态对访问WAP网页的移动终端的机型信息进行提取并找到对应的屏幕宽度，将WAP网页中宽度大于所述屏幕宽度的图片缩放到屏幕宽度，从而保证该图片在移动终端上能够刚好完整的显示，避免了由于图片过大造成用户需要横向滚动或拖拽WAP网页的操作，简化了用户浏览带有图片的WAP网页的操作，提高了用户体验；服务器通过对缩放后的图片进行保存，当再有移动终端的屏幕宽度与该缩放后的所述图片对应的屏幕宽度相同时，可以将该保存的图片直接携带在所述WAP网页中提供给该移动终端，节省了服务器为WAP网页缩放图片的时间，WAP网页的显示速度更快。

附图说明

图1是本发明WAP网页中图片适配方法的第一实施例的流程示意图；

图2是本发明WAP网页中图片适配方法的第二实施例的流程示意图；

图3是本发明WAP网页中图片适配方法的第三实施例的流程示意图；

图4是本发明WAP网页中图片适配方法的第四实施例的流程示意图；

图5是本发明WAP网页中图片适配方法的第五实施例的流程示意图；

图6是本发明WAP网页中图片适配系统的实施例的框架示意图；

图7是本发明服务器的第一实施例的框架示意图；

图8是本发明服务器的第二实施例的框架示意图；

图9是本发明服务器的第三实施例的框架示意图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明实施例作进一步详细的说明。

实施例一

本实施例提供了一种WAP网页中图片适配的方法，如图1所示，包括如下步骤：

S101，接收移动终端发送的对某一WAP网页的访问请求；所述WAP网页中携带有图片，所述图片的宽度为标准宽度。

WAP网页通常发布在服务器上，用户要访问某一WAP网页时，可以通过输入网址或点击链接，由移动终端将对所述WAP网页的访问请求发送给服务器。所谓标准宽度，可以是主流移动终端的屏幕宽度，标准宽度可以根据实际情况的变化进行调整。

S102，从所述访问请求中提取所述移动终端的机型信息。

所述访问请求中携带有移动终端的机型信息，所述机型信息可以包括移动终端的品牌、型号等信息。

S103，通过所述机型信息查找与该机型信息对应的屏幕宽度。

每条机型信息会对应一个屏幕宽度。多个机型信息和屏幕宽度的对应关系可以存储在机型库中，机型库可以定期或不定期更新。对于在机型库中找不到相应机型信息的情况，可以将移动终端的屏幕宽度默认为标准宽度。

机型库可以存储在服务器上，也可以存储在能够与服务器通信的远程存储设备上，均不影响本发明的实现。

S104，判断所述屏幕宽度是否小于标准宽度。

若S104的判断结果为是，则S105：将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。

当移动终端的屏幕宽度小于标准宽度时，将图片按照该移动终端的屏幕宽度进行缩放，从而保证该图片在移动终端上能够刚好完整的显示，避免了由于图片过大造成用户需要横向滚动或拖拽WAP网页的操作，简化了用户浏览带有图片的WAP网页的操作，提高了用户体验。

如图2所示，当S104的判断结果为否时，还可以包括步骤S106：直接将所述图片携带在所述WAP网页中提供给所述移动终端。

对于屏幕宽度大于等于标准宽度的情况，图片已经能够完整的显示在所述移动终端上，因此可以不对图片进行额外处理，直接将图片携带在所述WAP网页中提供给所述移动终端。

如图3所示，在编辑器生成所述WAP网页的过程中，优选还包括：

S107，编辑器判断源图片的宽度是否大于标准宽度；若是，则S108：将该源图片缩放至标准宽度；若否，则S109：不对所述源图片进行缩放。

对于源图片的宽度大于标准宽度的情况，为了后续移动终端访问WAP网页时，屏幕宽度大于等于标准宽度的移动终端能够快速访问并得到相对清晰完整的图片，以及减少WAP网页的数据量，优选在生成WAP网页时，就将其中宽度大于标准宽度的源图片缩放到标准宽度。

在编辑WAP网页的过程中，还有一些图片是固定宽度的图片，这些图片的宽度不容许调整，对此，参见图4，在S108之前，还可以包括S108a：编辑器判断该源图片是否为固定宽度的图片；若是，则执行S109；若否，则执行S108。图片是否为固定宽度的图片，可以通过在该图片的img标签中增加一个属性来进行描述。

对应的，在S105之前，还可以包括S105a：判断该图片是否为固定宽度的图片；若是，则执行S106；若否，则执行S105。

当然，也可以先执行S108a，若是，则执行S109，若否，再执行S107。可以先执行S105a，若是，则执行S106，若否，则执行S104。

为了避免服务器重复的缩放操作、提高服务器的响应速度，如图5所示，还可以包括S110：对缩放至所述屏幕宽度的图片进行保存；则在S103查找到移动终端的屏幕宽度后，还包括S103a：检查是否保存有所述屏幕宽度的所述图片；若是，则S111：直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再执行S104。

本实施例的WAP网页中图片适配的方法，通过服务器动态对访问WAP网页的移动终端的机型信息进行提取并找到对应的屏幕宽度，将WAP网页中宽度大于所述屏幕宽度的图片缩放到屏幕宽度，从而保证该图片在移动终端上能够刚好完整的显示，避免了由于图片过大造成用户需要横向滚动或拖拽WAP网页的操作，简化了用户浏览带有图片的WAP网页的操作，提高了用户体验；服务器通过对缩放后的图片进行保存，当再有移动终端的屏幕宽度与该缩放后的所述图片对应的屏幕宽度相同时，可以将该保存的图片直接携带在所述WAP网页中提供给该移动终端，节省了服务器为WAP网页缩放图片的时间，WAP网页的显示速度更快。

实施例二

本实施例提供了一种WAP网页中图片适配的系统，如图6所示，包括：

服务器1，用于接收移动终端发送的对某一WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；从所述访问请求中提取所述移动终端的机型信息；通过所述机型信息查找与该机型信息对应的屏幕宽度；判断所述屏幕宽度是否小于标准宽度；若是，则将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。

所述系统还可以包括编辑器2，用于在生成所述WAP网页的过程中，判断源图片的宽度是否大于标准宽度；若是，则将该源图片缩放至标准宽度。

编辑器2还可以用于：在生成所述WAP网页的过程中、将所述源图片缩放至标准宽度前，判断该源图片是否为固定宽度的图片；若是，则不对该源图片进行缩放；若否，再对该源图片执行缩放的步骤。

所述服务器1还可以用于：在将所述WAP网页中的图片缩放至屏幕宽度前，判断该图片是否为固定宽度的图片；若是，则直接将所述图片携带在所述WAP网页中提供给所述移动终端；若否，再对该图片执行缩放的步骤。

所述服务器1还可以用于：对缩放至所述屏幕宽度的图片进行保存；在查找到移动终端的屏幕宽度后，检查是否保存有所述屏幕宽度的所述图片；若是，则直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再执行所述判断屏幕宽度是否小于标准宽度的步骤。

所述服务器1和编辑器2可以位于同一个设备内，也可以分别位于两个独立的可相互通信的设备中。

本实施例的WAP网页中图片适配的系统，通过服务器动态对访问WAP网页的移动终端的机型信息进行提取并找到对应的屏幕宽度，将WAP网页中宽度大于所述屏幕宽度的图片缩放到屏幕宽度，从而保证该图片在移动终端上能够刚好完整的显示，避免了由于图片过大造成用户需要横向滚动或拖拽WAP网页的操作，简化了用户浏览带有图片的WAP网页的操作，提高了用户体验；服务器通过对缩放后的图片进行保存，当再有移动终端的屏幕宽度与该缩放后的所述图片对应的屏幕宽度相同时，可以将该保存的图片直接携带在所述WAP网页中提供给该移动终端，节省了服务器为WAP网页缩放图片的时间，WAP网页的显示速度更快。

实施例三

本实施例提供了一种服务器，如图7所示，所述服务器包括：接收模块10、提取模块20、查找模块30、第一判断模块40、缩放模块50和返回模块60。

接收模块10用于接收移动终端发送的对某一WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；

提取模块20用于从所述访问请求中提取所述移动终端的机型信息；

查找模块30用于通过所述机型信息查找与该机型信息对应的屏幕宽度；

第一判断模块40用于判断所述屏幕宽度是否小于标准宽度；

缩放模块50用于当所述判断模块的判断结果为是时，将所述图片缩放至所述屏幕宽度；

返回模块60用于将所述缩放后的图片携带在所述WAP网页中提供给所述移动终端。

参见图8，所述服务器还包括：

第二判断模块70，用于在将所述WAP网页中的图片缩放至屏幕宽度前，判断该图片是否为固定宽度的图片；若是，则调用返回模块60直接将所述图片携带在所述WAP网页中提供给所述移动终端；若否，再调用缩放模块50对该图片进行缩放。

所述服务器还可以进一步包括(参见图9)：

存储模块80，用于对缩放至所述屏幕宽度的图片进行保存；

检查模块90，用于在查找模块30查找到移动终端的屏幕宽度后，检查存储模块80中是否保存有所述屏幕宽度的所述图片；若是，则调用返回模块60直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再调用第一判断模块40执行判断屏幕宽度是否小于标准宽度的步骤。

本实施例的服务器，通过动态对访问WAP网页的移动终端的机型信息进行提取并找到对应的屏幕宽度，将WAP网页中宽度大于所述屏幕宽度的图片缩放到屏幕宽度，从而保证该图片在移动终端上能够刚好完整的显示，避免了由于图片过大造成用户需要横向滚动或拖拽WAP网页的操作，简化了用户浏览带有图片的WAP网页的操作，提高了用户体验；通过对缩放后的图片进行保存，当再有移动终端的屏幕宽度与该缩放后的所述图片对应的屏幕宽度相同时，可以将该保存的图片直接携带在所述WAP网页中提供给该移动终端，节省了服务器为WAP网页缩放图片的时间，WAP网页的显示速度更快。

由于实施例二、实施例三与实施例一的相似内容较多，因此介绍的比较简略，相关之处请参见实施例一。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个......”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (13)

1.一种无线应用协议网页中图片适配的方法，其特征在于，包括：

接收移动终端发送的对某一无线应用协议WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；

从所述访问请求中提取所述移动终端的机型信息；

通过所述机型信息查找与该机型信息对应的屏幕宽度；

判断所述屏幕宽度是否小于标准宽度；

若是，则将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。

2.如权利要求1所述的方法，其特征在于，在编辑器生成所述WAP网页的过程中，还包括：

编辑器判断源图片的宽度是否大于标准宽度；

若是，则将该源图片缩放至标准宽度。

3.如权利要求2所述的方法，其特征在于，在生成所述WAP网页的过程中、将所述源图片缩放至标准宽度前，还包括：

编辑器判断该源图片是否为固定宽度的图片；

若是，则不对该源图片进行缩放；若否，再对该源图片执行缩放的步骤。

4.如权利要求3所述的方法，其特征在于，在将所述WAP网页中的图片缩放至屏幕宽度前，还包括：判断该图片是否为固定宽度的图片；

若是，则不对所述图片进行缩放；若否，再对该图片执行缩放的步骤。

5.如权利要求1-4任一项所述的方法，其特征在于，所述方法还包括：对缩放至所述屏幕宽度的图片进行保存；

则在查找到移动终端的屏幕宽度后，还包括：检查是否保存有所述屏幕宽度的所述图片；若是，则直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再执行所述判断屏幕宽度是否小于标准宽度的步骤。

6.一种无线应用协议网页中图片适配的系统，其特征在于，包括：

服务器，用于接收移动终端发送的对某一无线应用协议WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；从所述访问请求中提取所述移动终端的机型信息；通过所述机型信息查找与该机型信息对应的屏幕宽度；判断所述屏幕宽度是否小于标准宽度；若是，则将所述图片缩放至所述屏幕宽度，再携带在所述WAP网页中提供给所述移动终端。

7.如权利要求6所述的系统，其特征在于，所述系统还包括编辑器，用于：在生成所述WAP网页的过程中，判断源图片的宽度是否大于标准宽度；若是，则将该源图片缩放至标准宽度。

8.如权利要求7所述的系统，其特征在于，所述编辑器还用于：在生成所述WAP网页的过程中、将所述源图片缩放至标准宽度前，判断该源图片是否为固定宽度的图片；若是，则不对该源图片进行缩放；若否，再对该源图片执行缩放的步骤。

9.如权利要求8所述的系统，其特征在于，所述服务器还用于：在将所述WAP网页中的图片缩放至屏幕宽度前，判断该图片是否为固定宽度的图片；若是，则直接将所述图片携带在所述WAP网页中提供给所述移动终端；若否，再对该图片执行缩放的步骤。

10.如权利要求6-9任一项所述的系统，其特征在于，所述服务器还用于：对缩放至所述屏幕宽度的图片进行保存；在查找到移动终端的屏幕宽度后，检查是否保存有所述屏幕宽度的所述图片；若是，则直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再执行所述判断屏幕宽度是否小于标准宽度的步骤。

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

接收模块，用于接收移动终端发送的对某一无线应用协议WAP网页的访问请求，所述WAP网页中携带有图片，所述图片的宽度为标准宽度；

提取模块，用于从所述访问请求中提取所述移动终端的机型信息；

查找模块，用于通过所述机型信息查找与该机型信息对应的屏幕宽度；

第一判断模块，用于判断所述屏幕宽度是否小于标准宽度；

缩放模块，用于当所述判断模块的判断结果为是时，将所述图片缩放至所述屏幕宽度；

返回模块，用于将所述缩放后的图片携带在所述WAP网页中提供给所述移动终端。

12.如权利要求11所述的服务器，其特征在于，所述服务器还包括：

第二判断模块，用于在将所述WAP网页中的图片缩放至屏幕宽度前，判断该图片是否为固定宽度的图片；若是，则调用返回模块直接将所述图片携带在所述WAP网页中提供给所述移动终端；若否，再调用缩放模块对该图片进行缩放。

13.如权利要求11或12所述的服务器，其特征在于，所述服务器还包括：

存储模块，用于对缩放至所述屏幕宽度的图片进行保存；

检查模块，用于在查找模块查找到移动终端的屏幕宽度后，检查存储模块中是否保存有所述屏幕宽度的所述图片；若是，则调用返回模块直接将所述屏幕宽度的所述图片携带在所述WAP网页中提供给所述移动终端；若否，再调用第一判断模块执行判断屏幕宽度是否小于标准宽度的步骤。

Images