专利名称：进行页面展示的方法及系统的制作方法
技术领域：
本发明涉及网络传输技术，尤其涉及进行页面展示的方法及系统。
背景技术：
在网页应用中，某些情况下可以对页面背景进行更换。例如，对于微博页面，在需要时，本人客户端向服务器发送肤色设置请求，并向服务器上传用于更换页面背景的图片；服务器接收图片后，将图片宽度调整为固定尺寸，并保存，所述固定尺寸为一个经验预估值；然后将网页的原始图片替换为调整后的背景图片，再将页面传送给本人客户端进行展
/Jn ο
现有进行页面展示的方案存在以下缺陷服务器采用固定尺寸对客户端上传的背景图片进行调整，客户端展示的页面的背景图片的宽度都相同，但是由于客户端的屏幕宽度各不相同，不同客户端展示的效果也各不相同。具体地，对于某些客户端屏幕较宽的情况，背景图片在宽度上将不能完全布满屏幕宽度，达不到最好的效果；对于某些客户端屏幕较窄的情况，背景图片在宽度上将超出屏幕范围，不能完整地显示背景图片，也达不到最好的效果。也就是，现有方案不能使背景图片的宽度刚好达到屏幕宽度，以刚好布满屏幕，不能达到较佳的展示效果。
发明内容
本发明提供了一种进行页面展示的方法，该方法能够使背景图片的宽度刚好达到
屏幕宽度。本发明提供了一种进行页面展示的系统，该系统能够使背景图片的宽度刚好达到
屏幕宽度。本发明提供了一种进行页面展示的服务器，该服务器能够使背景图片的宽度刚好达到屏幕宽度。一种进行页面展示的方法，该方法包括服务器接收本人客户端发送的肤色设置请求和背景图片；服务器获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片；服务器将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。一种进行页面展示的系统，该系统包括服务器和客户端，所述客户端包括本人客户端；所述服务器，用于接收本人客户端发送的肤色设置请求和背景图片，获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片；将调整后的背景图片作为页面背景，将页面传送给本人客户端；所述本人客户端，用于向服务器发送肤色设置请求和背景图片，并根据服务器的请求将本人客户端的屏幕宽度发送给服务器；接收服务器传送的页面，进行展示。
一种进行页面展示的服务器，该服务器包括请求接收单元、图片调整单元和页面下发单元；所述请求接收单元，用于接收本人客户端发送的肤色设置请求和背景图片，将背景图片传送给所述图片调整单元；所述图片调整单元，用于获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，保存调整后的背景图片，并将调整后的背景图片传送页面下发单元；所述页面下发单元，用于将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。从上述方案可以看出，本发明中，服务器按照本人客户端的屏幕宽度对背景图片进行调整，将调整后的背景图片作为页面背景。从而，客户端展示的页面的背景图片的宽度 不再一律相同，而是根据客户端的不同宽度进行了适当调整。这样，无论是对于客户端屏幕较宽的情况，还是对于客户端屏幕较窄的情况，都能使展示的背景图片达到较佳的效果。
图I为本发明进行页面展示的方法示意性流程图；图2为本发明进行页面展示的方法流程图实例；图3为本发明进行页面展示的系统结构示意图。
具体实施例方式为使本发明的目的、技术方案和优点更加清楚明白，下面结合实施例和附图，对本发明进一步详细说明。本发明中，服务器按照本人客户端的屏幕宽度对背景图片进行调整，将调整后的背景图片作为页面背景；而不再按照固定尺寸对背景图片进行调整。参见图1，为本发明进行页面展示的方法示意性流程图，该方法包括以下步骤步骤101，服务器接收本人客户端发送的肤色设置请求和背景图片。步骤102，服务器获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片。步骤103，服务器将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。采用本发明方案，本人客户端展示的页面的背景图片的宽度不再一律相同，而是根据本人客户端的不同宽度进行了适当调整。无论是对于本人客户端屏幕较宽的情况，还是对于本人客户端屏幕较窄的情况，都能使展示的背景图片达到较佳的效果。针对其他访客对本人网页进行访问的情况，现有技术中，服务器接收访问客户端对本人网页的访问请求后，将之前保存的关于本人网页的固定尺寸背景图片，作为页面背景，再将页面发送给访问客户端进行展示。对于这种情况，现有方案同样存在背景图片在宽度上将不能完全布满屏幕宽度的缺陷。相应地，本发明提供了根据不同访客客户端的屏幕尺寸对本人网页的背景图片宽度进行调整的方案，以使背景图片的宽度能更加接近屏幕宽度，达到较佳的展示效果；具体地，该方案流程包括以下步骤步骤201，服务器获取各本人客户端的屏幕宽度，统计出使用率较高的设定数目的屏幕宽度。实际应用中，服务器可以在本人客户端登录各自网页应用时，从本人客户端获取各自的屏幕宽度。具体地，服务器可以在下发给本人客户端的页面中插入屏幕宽度访问请求；服务器接收本人客户端反馈的屏幕宽度。所述访问请求可通过在页面中插入js代码实现。通过在网页中插入js代码，以向客户端发送相应的信息，为网页自带的功能，这里不多赘述。设定数目可根据需要设置，例如设为3，也就是，统计出使用率最高的3个屏幕宽度。步骤202，服务器接收本人客户端发送的肤色设置请求和背景图片。步骤203，服务器获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏 幕宽度，并保存调整后的背景图片。这里，将调整后的背景图片标记为a。步骤204，服务器将调整后的背景图片a作为页面背景，将页面传送给本人客户端进行展示。步骤205，服务器将步骤203中保存的背景图片分别调整为所述统计出的屏幕宽
度，并保存。以设定数目是3为例，本步骤需要将步骤203中保存的背景图片调整为3个不同的宽度，得到的图片分别标记为b，c和d。步骤204和步骤205可无序执行。步骤206，服务器接收访问客户端访问本人客户端的访问请求。步骤207，服务器获取访问客户端的屏幕宽度，将保存的与该访问客户端屏幕宽度最接近的背景图片，作为页面背景，将页面传送给访问客户端进行展示。参见图3，为本发明进行页面展示的系统结构示意图，该系统包括服务器和客户端，所述客户端包括本人客户端；所述服务器，用于服务器接收本人客户端发送的肤色设置请求和背景图片，获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片；将调整后的背景图片作为页面背景，将页面传送给本人客户端；所述本人客户端，用于向服务器发送肤色设置请求和背景图片，并根据服务器的请求将本人客户端的屏幕宽度发送给服务器；接收服务器传送的页面，进行展示。可选地，该服务器还包括请求接收单元、图片调整单元和页面下发单元；所述请求接收单元，用于接收本人客户端发送的肤色设置请求和背景图片，将背景图片传送给所述图片调整单元；所述图片调整单元，用于获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片；所述页面下发单元，用于将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。可选地，所述页面调整单元包括统计子单元和调整子单元；所述统计子单元，用于获取各本人客户端的屏幕宽度，统计出使用率较高的设定数目的屏幕宽度；将所述保存的背景图片分别调整为所述统计出的屏幕宽度，并保存；
所述调整子单元，用于接收访问客户端访问本人客户端的访问请求，获取访问客户端的屏幕宽度，将所述统计子单元保存的与该访问客户端屏幕宽度最接近的背景图片，作为页面背景，将页面传送给页面下发单元。可选地，所述统计子单元包括屏幕带宽获取模块，用于在传送给本人客户端的页 面中插入屏幕宽度访问请求，接收本人客户端反馈的屏幕宽度。本发明适用于在网页应用中可以对页面背景进行更换的情形，如微博页面等。以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。
权利要求
1.一种进行页面展示的方法，其特征在于，该方法包括 服务器接收本人客户端发送的肤色设置请求和背景图片； 服务器获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片； 服务器将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。
2.如权利要求I所述的方法，其特征在于，所述服务器接收本人客户端发送的肤色设置请求和背景图片之前，该方法还包括服务器获取各本人客户端的屏幕宽度，统计出使用率较高的设定数目的屏幕宽度；所述服务器保存调整后的背景图片之后，该方法还包括 服务器将所述保存的背景图片分别调整为所述统计出的屏幕宽度，并保存； 服务器接收访问客户端访问本人客户端的访问请求； 服务器获取访问客户端的屏幕宽度，将保存的与该访问客户端屏幕宽度最接近的背景图片作为页面背景，将页面传送给访问客户端进行展示。
3.如权利要求2所述的方法，其特征在于，所述服务器获取各本人客户端的屏幕宽度包括 服务器在传送给本人客户端的页面中插入屏幕宽度访问请求； 服务器接收本人客户端反馈的屏幕宽度。
4.如权利要求3所述的方法，其特征在于，所述访问请求通过在页面中插入js代码实现。
5.如权利要求I至4中任一项所述的方法，其特征在于，所述本人客户端为微博客户端。
6.一种进行页面展示的系统，其特征在于，该系统包括服务器和客户端，所述客户端包括本人客户端； 所述服务器，用于接收本人客户端发送的肤色设置请求和背景图片，获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片；将调整后的背景图片作为页面背景，将页面传送给本人客户端； 所述本人客户端，用于向服务器发送肤色设置请求和背景图片，并根据服务器的请求将本人客户端的屏幕宽度发送给服务器；接收服务器传送的页面，进行展示。
7.如权利要求6所述的系统，其特征在于，该服务器还包括请求接收单元、图片调整单元和页面下发单元； 所述请求接收单元，用于接收本人客户端发送的肤色设置请求和背景图片，将背景图片传送给所述图片调整单元； 所述图片调整单元，用于获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片； 所述页面下发单元，用于将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。
8.一种进行页面展示的服务器，其特征在于，该服务器包括请求接收单元、图片调整单元和页面下发单元； 所述请求接收单元，用于接收本人客户端发送的肤色设置请求和背景图片，将背景图片传送给所述图片调整单元；所述图片调整单元，用于获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，保存调整后的背景图片，并将调整后的背景图片传送页面下发单元； 所述页面下发单元，用于将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。
9.如权利要求8所述的服务器，其特征在于，所述页面调整单元包括统计子单元和调整子单元； 所述统计子单元，用于获取各本人客户端的屏幕宽度，统计出使用率较高的设定数目的屏幕宽度；将所述保存的背景图片分别调整为所述统计出的屏幕宽度，并保存； 所述调整子单元，用于接收访问客户端访问本人客户端的访问请求，获取访问客户端的屏幕宽度，将所述统计子单元保存的与该访问客户端屏幕宽度最接近的背景图片，作为页面背景，将页面传送给页面下发单元。
10.如权利要求9所述的服务器，其特征在于，所述统计子单元包括屏幕带宽获取模块，用于在传送给本人客户端的页面中插入屏幕宽度访问请求，接收本人客户端反馈的屏幕宽度。
全文摘要
本发明提供了进行页面展示的方法及系统，其中，该方法包括服务器接收本人客户端发送的肤色设置请求和背景图片，获取本人客户端的屏幕宽度，将接收的背景图片的宽度调整为屏幕宽度，并保存调整后的背景图片；服务器将调整后的背景图片作为页面背景，将页面传送给本人客户端进行展示。本发明方案能够使背景图片的宽度刚好达到屏幕宽度。
文档编号H04L29/06GK102867003SQ20111018793
公开日2013年1月9日 申请日期2011年7月6日 优先权日2011年7月6日
发明者黄振, 吕旭辉 申请人:腾讯科技(北京)有限公司