CN102867003A - 进行页面展示的方法及系统 - Google Patents
进行页面展示的方法及系统 Download PDFInfo
- Publication number
- CN102867003A CN102867003A CN2011101879313A CN201110187931A CN102867003A CN 102867003 A CN102867003 A CN 102867003A CN 2011101879313 A CN2011101879313 A CN 2011101879313A CN 201110187931 A CN201110187931 A CN 201110187931A CN 102867003 A CN102867003 A CN 102867003A
- Authority
- CN
- China
- Prior art keywords
- client
- page
- background picture
- server
- screen width
- 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.)
- Granted
Links
Images
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 (10)
1.一种进行页面展示的方法,其特征在于,该方法包括:
服务器接收本人客户端发送的肤色设置请求和背景图片;
服务器获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;
服务器将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
2.如权利要求1所述的方法,其特征在于,所述服务器接收本人客户端发送的肤色设置请求和背景图片之前,该方法还包括:服务器获取各本人客户端的屏幕宽度,统计出使用率较高的设定数目的屏幕宽度;所述服务器保存调整后的背景图片之后,该方法还包括:
服务器将所述保存的背景图片分别调整为所述统计出的屏幕宽度,并保存;
服务器接收访问客户端访问本人客户端的访问请求;
服务器获取访问客户端的屏幕宽度,将保存的与该访问客户端屏幕宽度最接近的背景图片作为页面背景,将页面传送给访问客户端进行展示。
3.如权利要求2所述的方法,其特征在于,所述服务器获取各本人客户端的屏幕宽度包括:
服务器在传送给本人客户端的页面中插入屏幕宽度访问请求;
服务器接收本人客户端反馈的屏幕宽度。
4.如权利要求3所述的方法,其特征在于,所述访问请求通过在页面中插入js代码实现。
5.如权利要求1至4中任一项所述的方法,其特征在于,所述本人客户端为微博客户端。
6.一种进行页面展示的系统,其特征在于,该系统包括服务器和客户端,所述客户端包括本人客户端;
所述服务器,用于接收本人客户端发送的肤色设置请求和背景图片,获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;将调整后的背景图片作为页面背景,将页面传送给本人客户端;
所述本人客户端,用于向服务器发送肤色设置请求和背景图片,并根据服务器的请求将本人客户端的屏幕宽度发送给服务器;接收服务器传送的页面,进行展示。
7.如权利要求6所述的系统,其特征在于,该服务器还包括请求接收单元、图片调整单元和页面下发单元;
所述请求接收单元,用于接收本人客户端发送的肤色设置请求和背景图片,将背景图片传送给所述图片调整单元;
所述图片调整单元,用于获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,并保存调整后的背景图片;
所述页面下发单元,用于将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
8.一种进行页面展示的服务器,其特征在于,该服务器包括请求接收单元、图片调整单元和页面下发单元;
所述请求接收单元,用于接收本人客户端发送的肤色设置请求和背景图片,将背景图片传送给所述图片调整单元;
所述图片调整单元,用于获取本人客户端的屏幕宽度,将接收的背景图片的宽度调整为屏幕宽度,保存调整后的背景图片,并将调整后的背景图片传送页面下发单元;
所述页面下发单元,用于将调整后的背景图片作为页面背景,将页面传送给本人客户端进行展示。
9.如权利要求8所述的服务器,其特征在于,所述页面调整单元包括统计子单元和调整子单元;
所述统计子单元,用于获取各本人客户端的屏幕宽度,统计出使用率较高的设定数目的屏幕宽度;将所述保存的背景图片分别调整为所述统计出的屏幕宽度,并保存;
所述调整子单元,用于接收访问客户端访问本人客户端的访问请求,获取访问客户端的屏幕宽度,将所述统计子单元保存的与该访问客户端屏幕宽度最接近的背景图片,作为页面背景,将页面传送给页面下发单元。
10.如权利要求9所述的服务器,其特征在于,所述统计子单元包括屏幕带宽获取模块,用于在传送给本人客户端的页面中插入屏幕宽度访问请求,接收本人客户端反馈的屏幕宽度。
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 true CN102867003A (zh) | 2013-01-09 |
CN102867003B 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) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105589883A (zh) * | 2014-10-24 | 2016-05-18 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN105589882A (zh) * | 2014-10-24 | 2016-05-18 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN106251293A (zh) * | 2016-08-10 | 2016-12-21 | 天脉聚源(北京)传媒科技有限公司 | 一种封面图片的显示方法和装置 |
CN108008871A (zh) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 一种页面生成方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040257385A1 (en) * | 2003-06-18 | 2004-12-23 | Lg Electronics Inc. | Method for controlling display mode in portable computer |
CN101192131A (zh) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | 处理桌面背景的方法、装置及操作系统桌面的界面系统 |
CN101937428A (zh) * | 2010-08-11 | 2011-01-05 | 优视科技有限公司 | 移动终端设备的带文字内容的图片的重新排版方法及系统 |
-
2011
- 2011-07-06 CN CN201110187931.3A patent/CN102867003B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040257385A1 (en) * | 2003-06-18 | 2004-12-23 | Lg Electronics Inc. | Method for controlling display mode in portable computer |
CN101192131A (zh) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | 处理桌面背景的方法、装置及操作系统桌面的界面系统 |
CN101937428A (zh) * | 2010-08-11 | 2011-01-05 | 优视科技有限公司 | 移动终端设备的带文字内容的图片的重新排版方法及系统 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105589883A (zh) * | 2014-10-24 | 2016-05-18 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN105589882A (zh) * | 2014-10-24 | 2016-05-18 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN105589883B (zh) * | 2014-10-24 | 2020-03-06 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
CN106251293A (zh) * | 2016-08-10 | 2016-12-21 | 天脉聚源(北京)传媒科技有限公司 | 一种封面图片的显示方法和装置 |
CN108008871A (zh) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 一种页面生成方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN102867003B (zh) | 2016-03-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11729465B2 (en) | System and method providing object-oriented zoom in multimedia messaging | |
CN105578211B (zh) | 基于无限服务节点的直播加速网络卡顿优化方法及系统 | |
CN106303565B (zh) | 视频直播的画质优化方法和装置 | |
CN101383959B (zh) | 流媒体业务中获取关键帧的方法、系统及用户设备 | |
EP3595325B1 (en) | Method for realizing multicast and relevant network device | |
CN101848382A (zh) | 一种视频流图像分辨率和码流的调整方法及系统 | |
CN103116645B (zh) | 移动设备浏览网页的方法及装置 | |
DE202011052142U1 (de) | System zum Anpassen von Inhalten basierend auf der verfügbaren Bandbreite | |
CN103401946B (zh) | Http上传加速方法和系统 | |
CN104125429A (zh) | 视频数据传输的调节方法及装置 | |
CN102867003B (zh) | 进行页面展示的方法及系统 | |
KR101766696B1 (ko) | 적응 스트리밍에서의 레프리젠테이션 연계 | |
US20140344392A1 (en) | Content delivery system, cache server, and content delivery method | |
CN105763896A (zh) | 一种多用户动态自适应视频码率分配系统 | |
CN103002354A (zh) | 一种消除视频数据传输网络抖动的方法及系统 | |
CN104427286A (zh) | 一种进行视频通话的方法和系统 | |
US9520079B2 (en) | Storage and carriage of green metadata for display adaptation | |
EP3560152B1 (en) | Determining the bandwidth of a communication link | |
CN107295360B (zh) | 视频传输方法及装置 | |
JP2022105549A (ja) | 無線lan通信システム、アクセスポイント通信品質判定方法および情報収集サーバ | |
CN102187641A (zh) | 传送访问内容的方法和装置 | |
US11057632B2 (en) | Method and system for panoramic multimedia streaming | |
CN104754281A (zh) | 视频会议控制系统及方法 | |
CN110753243A (zh) | 图像处理方法、图像处理服务器及图像处理系统 | |
KR101937449B1 (ko) | 동영상 서비스 장치 및 동영상 서비스 방법 |
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 |