CN102867003B - 进行页面展示的方法及*** - Google Patents
进行页面展示的方法及*** Download PDFInfo
- Publication number
- CN102867003B CN102867003B CN201110187931.3A CN201110187931A CN102867003B CN 102867003 B CN102867003 B CN 102867003B CN 201110187931 A CN201110187931 A CN 201110187931A CN 102867003 B CN102867003 B CN 102867003B
- Authority
- CN
- China
- Prior art keywords
- client
- background picture
- page
- screen width
- adjustment
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了进行页面展示的方法及***,其中,该方法包括:服务器接收本人客户端发送的肤色设置请求和背景图片,获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;服务器将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。本发明方案能够使背景图片的宽度刚好达到屏幕宽度。
Description
技术领域
本发明涉及网络传输技术,尤其涉及进行页面展示的方法及***。
背景技术
在网页应用中,某些情况下可以对页面背景进行更换。例如,对于微博页面,在需要时,本人客户端向服务器发送肤色设置请求,并向服务器上传用于更换页面背景的图片;服务器接收图片后,将图片宽度调整为固定尺寸,并保存,所述固定尺寸为一个经验预估值;然后将网页的原始图片替换为调整后的背景图片,再将页面传送给本人客户端进行展示。
现有进行页面展示的方案存在以下缺陷:
服务器采用固定尺寸对客户端上传的背景图片进行调整,客户端展示的页面的背景图片的宽度都相同,但是由于客户端的屏幕宽度各不相同,不同客户端展示的效果也各不相同。具体地,对于某些客户端屏幕较宽的情况,背景图片在宽度上将不能完全布满屏幕宽度,达不到最好的效果;对于某些客户端屏幕较窄的情况,背景图片在宽度上将超出屏幕范围,不能完整地显示背景图片,也达不到最好的效果。也就是,现有方案不能使背景图片的宽度刚好达到屏幕宽度,以刚好布满屏幕,不能达到较佳的展示效果。
发明内容
本发明提供了一种进行页面展示的方法,该方法能够使背景图片的宽度刚好达到屏幕宽度。
本发明提供了一种进行页面展示的***,该***能够使背景图片的宽度刚好达到屏幕宽度。
本发明提供了一种进行页面展示的服务器,该服务器能够使背景图片的宽度刚好达到屏幕宽度。
一种进行页面展示的方法,该方法包括:
服务器接收本人客户端发送的肤色设置请求和背景图片;
服务器获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;
服务器将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
一种进行页面展示的***,该***包括服务器和客户端,所述客户端包括本人客户端;
所述服务器,用于接收本人客户端发送的肤色设置请求和背景图片,获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;将调整后的背景图片作为页面背景,将页面传送给本人客户端;
所述本人客户端,用于向服务器发送肤色设置请求和背景图片,并根据服务器的请求将本人客户端的屏幕宽度发送给服务器;接收服务器传送的页面,进行展示。
一种进行页面展示的服务器,该服务器包括请求接收单元、图片调整单元和页面下发单元;
所述请求接收单元,用于接收本人客户端发送的肤色设置请求和背景图片,将背景图片传送给所述图片调整单元;
所述图片调整单元,用于获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,保存调整后的背景图片,并将调整后的背景图片传送页面下发单元;
所述页面下发单元,用于将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
从上述方案可以看出,本发明中,服务器按照本人客户端的屏幕宽度对背景图片进行调整,将调整后的背景图片作为页面背景。从而,客户端展示的页面的背景图片的宽度不再一律相同,而是根据客户端的不同宽度进行了适当调整。这样,无论是对于客户端屏幕较宽的情况,还是对于客户端屏幕较窄的情况,都能使展示的背景图片达到较佳的效果。
附图说明
图1为本发明进行页面展示的方法示意性流程图;
图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,为本发明进行页面展示的***结构示意图,该***包括服务器和客户端,所述客户端包括本人客户端;
所述服务器,用于服务器接收本人客户端发送的肤色设置请求和背景图片,获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;将调整后的背景图片作为页面背景,将页面传送给本人客户端;
所述本人客户端,用于向服务器发送肤色设置请求和背景图片,并根据服务器的请求将本人客户端的屏幕宽度发送给服务器;接收服务器传送的页面,进行展示。
可选地,该服务器还包括请求接收单元、图片调整单元和页面下发单元;
所述请求接收单元,用于接收本人客户端发送的肤色设置请求和背景图片,将背景图片传送给所述图片调整单元;
所述图片调整单元,用于获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;
所述页面下发单元,用于将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
可选地,所述页面调整单元包括统计子单元和调整子单元;
所述统计子单元,用于获取各本人客户端的屏幕宽度,统计出使用率较高的设定数目的屏幕宽度;将所述保存的背景图片分别调整为所述统计出的屏幕宽度,并保存;
所述调整子单元,用于接收访问客户端访问本人客户端的访问请求,获取访问客户端的屏幕宽度,将所述统计子单元保存的与该访问客户端屏幕宽度最接近的背景图片,作为页面背景,将页面传送给页面下发单元。
可选地,所述统计子单元包括屏幕带宽获取模块,用于在传送给本人客户端的页面中***屏幕宽度访问请求,接收本人客户端反馈的屏幕宽度。
本发明适用于在网页应用中可以对页面背景进行更换的情形,如微博页面等。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (8)
1.一种进行页面展示的方法,其特征在于,该方法包括:
服务器接收本人客户端发送的肤色设置请求和背景图片;
服务器获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为本人客户端的屏幕宽度,并保存调整后的背景图片;
服务器将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示;所述服务器接收本人客户端发送的肤色设置请求和背景图片之前,该方法还包括:服务器获取各本人客户端的屏幕宽度,统计出使用率较高的设定数目的屏幕宽度;所述服务器保存调整后的背景图片之后,该方法还包括:
服务器将所述保存的背景图片分别调整为所述统计出的屏幕宽度,并保存;
服务器接收访问客户端访问本人客户端的访问请求;
服务器获取访问客户端的屏幕宽度,将保存的与该访问客户端屏幕宽度最接近的背景图片作为页面背景,将页面传送给访问客户端进行展示。
2.如权利要求1所述的方法,其特征在于,所述服务器获取各本人客户端的屏幕宽度包括:
服务器在传送给本人客户端的页面中***屏幕宽度访问请求;
服务器接收本人客户端反馈的屏幕宽度。
3.如权利要求2所述的方法,其特征在于,所述屏幕宽度访问请求通过在页面中***js代码实现。
4.如权利要求1至3中任一项所述的方法,其特征在于,所述本人客户端为微博客户端。
5.一种进行页面展示的***,其特征在于,该***包括服务器和客户端,所述客户端包括本人客户端;
所述服务器,用于接收本人客户端发送的肤色设置请求和背景图片,获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为本人客户端的屏幕宽度,并保存调整后的背景图片;将调整后的背景图片作为页面背景,将页面传送给本人客户端;所述接收本人客户端发送的肤色设置请求和背景图片之前,还包括:获取各本人客户端的屏幕宽度,统计出使用率较高的设定数目的屏幕宽度;所述保存调整后的背景图片之后,还包括:将所述保存的背景图片分别调整为所述统计出的屏幕宽度,并保存;接收访问客户端访问本人客户端的访问请求;获取访问客户端的屏幕宽度,将保存的与该访问客户端屏幕宽度最接近的背景图片作为页面背景,将页面传送给访问客户端进行展示;
所述本人客户端,用于向服务器发送肤色设置请求和背景图片,并根据服务器的请求将本人客户端的屏幕宽度发送给服务器;接收服务器传送的页面,进行展示。
6.如权利要求5所述的***,其特征在于,该服务器还包括请求接收单元、图片调整单元和页面下发单元;
所述请求接收单元,用于接收本人客户端发送的肤色设置请求和背景图片,将背景图片传送给所述图片调整单元;
所述图片调整单元,用于获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;
所述页面下发单元,用于将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
7.一种进行页面展示的服务器,其特征在于,该服务器包括请求接收单元、图片调整单元和页面下发单元;
所述请求接收单元,用于接收本人客户端发送的肤色设置请求和背景图片,将背景图片传送给所述图片调整单元;
所述图片调整单元,用于获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为本人客户端的屏幕宽度,保存调整后的背景图片,并将调整后的背景图片传送页面下发单元;
所述页面下发单元,用于将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示;所述图片调整单元包括统计子单元和调整子单元;
所述统计子单元,用于获取各本人客户端的屏幕宽度,统计出使用率较高的设定数目的屏幕宽度;将所述保存的背景图片分别调整为所述统计出的屏幕宽度,并保存;
所述调整子单元,用于接收访问客户端访问本人客户端的访问请求,获取访问客户端的屏幕宽度,将所述统计子单元保存的与该访问客户端屏幕宽度最接近的背景图片,作为页面背景,将页面传送给页面下发单元。
8.如权利要求7所述的服务器,其特征在于,所述统计子单元包括屏幕带宽获取模块,用于在传送给本人客户端的页面中***屏幕宽度访问请求,接收本人客户端反馈的屏幕宽度。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110187931.3A CN102867003B (zh) | 2011-07-06 | 2011-07-06 | 进行页面展示的方法及*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110187931.3A CN102867003B (zh) | 2011-07-06 | 2011-07-06 | 进行页面展示的方法及*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102867003A CN102867003A (zh) | 2013-01-09 |
CN102867003B true CN102867003B (zh) | 2016-03-09 |
Family
ID=47445878
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110187931.3A Active CN102867003B (zh) | 2011-07-06 | 2011-07-06 | 进行页面展示的方法及*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102867003B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105589882B (zh) * | 2014-10-24 | 2020-05-08 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN105589883B (zh) * | 2014-10-24 | 2020-03-06 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN106251293A (zh) * | 2016-08-10 | 2016-12-21 | 天脉聚源(北京)传媒科技有限公司 | 一种封面图片的显示方法和装置 |
CN108008871A (zh) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 一种页面生成方法及装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101192131A (zh) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | 处理桌面背景的方法、装置及操作***桌面的界面*** |
CN101937428A (zh) * | 2010-08-11 | 2011-01-05 | 优视科技有限公司 | 移动终端设备的带文字内容的图片的重新排版方法及*** |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7158154B2 (en) * | 2003-06-18 | 2007-01-02 | Lg Electronics Inc. | Method for controlling display mode in portable computer |
-
2011
- 2011-07-06 CN CN201110187931.3A patent/CN102867003B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101192131A (zh) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | 处理桌面背景的方法、装置及操作***桌面的界面*** |
CN101937428A (zh) * | 2010-08-11 | 2011-01-05 | 优视科技有限公司 | 移动终端设备的带文字内容的图片的重新排版方法及*** |
Also Published As
Publication number | Publication date |
---|---|
CN102867003A (zh) | 2013-01-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
DE112012001557B4 (de) | Voraussagende Platzierung von Inhalt durch Netzwerkanalyse | |
CN102611945B (zh) | 一种流媒体切片方法、切片服务器及流媒体点播*** | |
CN105578211B (zh) | 基于无限服务节点的直播加速网络卡顿优化方法及*** | |
CN102867003B (zh) | 进行页面展示的方法及*** | |
CN106303565B (zh) | 视频直播的画质优化方法和装置 | |
EP3595325B1 (en) | Method for realizing multicast and relevant network device | |
CN105144146B (zh) | 接收装置、接收装置中的信息处理方法、传输装置、信息处理装置和信息处理方法 | |
DE202011052142U1 (de) | System zum Anpassen von Inhalten basierend auf der verfügbaren Bandbreite | |
CN105681827B (zh) | 直播频道的海报生成方法、***及相关装置 | |
US9237382B2 (en) | Content relaying scheme | |
US9621618B2 (en) | Packet analyzer device and method to measure a video quality of transmitted IP multicast media | |
CN106791889A (zh) | 一种视频处理方法及***、分布式对象存储*** | |
CN102708192A (zh) | 一种文档共享的方法及***、设备 | |
CN110690988A (zh) | 带宽控制方法、带宽控制平台、服务器及存储介质 | |
CN103888539A (zh) | P2p缓存的引导方法、装置及p2p缓存*** | |
CN106598966B (zh) | 一种网页处理方法和装置 | |
CN108924609A (zh) | 流媒体数据传输的方法、电子设备、装置及存储介质 | |
CN103605689A (zh) | 一种获取访问停留时间的方法及装置 | |
CN104917626B (zh) | 用户行为分析中的数据采集方法和装置 | |
CN104902259A (zh) | 视频处理方法及装置 | |
CN104683833B (zh) | 自适应媒体服务的方法及装置 | |
CN111131843A (zh) | 一种网络直播***和方法 | |
CN106658058B (zh) | 基于多客户端的视频发送速率同步化管理方法和管理*** | |
CN106534239A (zh) | 一种获取感知数据的方法和装置 | |
CN108271085A (zh) | 一种http实时流媒体hls文件的发送方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |