CN102779124A - 一种获取页面新信息的方法及*** - Google Patents
一种获取页面新信息的方法及*** Download PDFInfo
- Publication number
- CN102779124A CN102779124A CN2011101199856A CN201110119985A CN102779124A CN 102779124 A CN102779124 A CN 102779124A CN 2011101199856 A CN2011101199856 A CN 2011101199856A CN 201110119985 A CN201110119985 A CN 201110119985A CN 102779124 A CN102779124 A CN 102779124A
- Authority
- CN
- China
- Prior art keywords
- browser
- window
- container
- information
- fresh information
- 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
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种获取页面新信息的方法及***,包括浏览器向服务器请求新信息内容,将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。本发明方法通过针对网页内容中的新信息与已读信息进行视觉区分,使用户方便地区分了已阅读的内容与新内容,从而提升了用户的浏览体验。
Description
技术领域
本发明涉及计算机网页设计技术,尤指一种获取页面新信息的方法及***。
背景技术
目前,在浏览器的网页内容动态增加或更新后,浏览器用户不能从页面内容中区分出更新后的页面内容,这样,大大降低了用户的浏览体验。
发明内容
有鉴于此,本发明的主要目的在于提供一种获取页面新信息的方法及***,能够使浏览器用户区分浏览过的内容与新内容的分界,从而提升用户的浏览体验。
为达到上述目的,本发明的技术方案是这样实现的:
一种获取页面新信息的方法,包括:
浏览器向服务器请求新信息内容;
将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。
该方法还包括:所述浏览器捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对该新信息进行还原着色。
所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括:
所述浏览器获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置:
根据获得的信息判断出容器在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置。
所述浏览器向服务器请求新信息内容包括:
所述浏览器使用ajax技术向服务器请求新消息报文;
所述请求到的新消息报文带有用于标识是否为新的新消息标志。
在所述还原着色中,还包括:将所述新消息标志设置为表示为旧消息。
一种获取页面新信息的***,至少包括浏览器、服务器,其中,
浏览器,用于向服务器请求新信息内容;将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容;
服务器,用于接收来自浏览器的请求,将新信息内容反馈给浏览器。
所述浏览器,还用于捕捉用户输入的窗口滚动事件,对已阅读过的新信息进行还原着色。
从上述本发明提供的技术方案可以看出,包括浏览器向服务器请求新信息内容,将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。本发明方法通过针对网页内容中的新信息与已读信息进行视觉区分,使用户方便地区分了已阅读的内容与新内容,从而提升了用户的浏览体验。
附图说明
图1为本发明获取页面新信息的方法的流程图;
图2为本发明获取页面新信息的***的组成示意图;
图3为本发明获取页面新信息的方法的实施例的流程示意图。
具体实施方式
图1为本发明获取页面新信息的方法的流程图,如图1所示,包括:
步骤100:浏览器向服务器请求新信息内容。
本步骤中,服务器对每个用户都维护一份用户信息数据,保存在缓存中。浏览器可以使用ajax技术向服务器请求新消息报文即新增的或更新的网页的新信息内容,请求数据中包括用户标识(ID),以用户ID作为服务器存取信息数据的索引,该数据中包括自上次当前用户请求消息以来的所有新消息,服务器根据该用户ID找到对应消息内容,返回给浏览器,并清空新消息缓存,以保证缓存中只保留新消息。
返回给浏览器的每条新消息报文均带有用于标识是否为新的新消息标志,比如新消息标志为1表示为新信息,新消息标志为0表示为旧消息即为已经被阅读过的信息。
其中,ajax技术是一种现有创建交互式网页应用的网页开发技术。
步骤101:将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。
本步骤具体包括:浏览器根据获得的新消息报文的新消息标志位,确定为新消息标志位显示为新信息的新消息报文所在的HTML容器进行渲染着色,即修改该HTML容器的颜色color属性,以达到着色效果,以区别网页中现存的信息。其中,HTML容器指能承载信息的HTML标签对象,具体的渲染着色过程属于本领域技术人员的惯用技术手段,并不用于限定本发明的保护范围,这里不再赘述。
本发明方法还包括:浏览器捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,根据HTML容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置来确定容器是否在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置,比如从窗口左上角开始计算的容器相对位置在窗口高度的2/3处等。如果容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对该新信息进行还原着色,此时新消息标志被设置为表示为旧消息即为已经被阅读过的信息。
确定方法为:获取网页总高度(使用HTML中的body标签的scrollHeight属性),获取当前窗口相对于网页的位置(body标签的scrollTop属性),获取窗口高度(dom对象中的window.innerheight属性),从而得到窗口显示区间为[body.scrollTop,window.innerheight+body.scrollTop],进而获得窗口指定位置在整个页面中的位置为window.innerheight*(2/3)+body.scrollTop。
例:假设网页总高度为1000(按像素计算,以后提到的高度均如此),当前窗口左上角在相对于网页在200处,当前窗口高度为600,则当前窗口显示范围是[200,800],窗口顶端位置(200)+窗口高度(600)=800,则窗口的2/3处为600。则1)、如果容器A所在网页位置大于600,则该容器颜色保持原样;2)、如果容器A所在网页位置小于等于600,且该容器有新消息标志,则对该容器还原着色,表示用户正在阅读或已阅读;
本发明方法通过针对网页内容中的新信息与已读信息进行视觉区分,使用户方便地区分了已阅读的内容与新内容,从而提升了用户的浏览体验。
针对本发明方法还提供一种获取页面新信息的***,如图2所示,至少包括浏览器、服务器,其中,
浏览器,用于向服务器请求新信息内容;将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。
服务器,用于接收来自浏览器的请求,将新信息内容反馈给浏览器。
所述浏览器,还用于捕捉用户输入的窗口滚动事件,对已阅读过的新信息进行还原着色。
图3为本发明获取页面新信息的方法的实施例的流程示意图,如图3所示,包括以下步骤:
步骤300~步骤301:浏览器使用ajax技术向服务器请求新消息报文,并对请求到的新消息报文所在的HTML容器进行渲染着色。这里新消息均带有新消息标志。
步骤302~步骤306:浏览器捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置。
本步骤中,当没有新消息报文时,进入步骤309。
步骤307:根据获得的容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置信息,判断是否有消息容器在浏览器窗口预设位置处,如果是在,则进入步骤308,否则进入步骤309。
步骤308:如果判断出容器在当前窗口中可见,并且容器在当前窗口中已达到预先设置的指定位置如窗口高度的1/3处,对该新消息进行还原着色,并将其新消息标志设置为表示为旧消息即为已经被阅读过的信息。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (7)
1.一种获取页面新信息的方法,其特征在于,包括:
浏览器向服务器请求新信息内容;
将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。
2.根据权利要求1所述的方法,其特征在于,该方法还包括:所述浏览器捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对该新信息进行还原着色。
3.根据权利要求2所述的方法,其特征在于,所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括:
所述浏览器获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置:
根据获得的信息判断出容器在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置。
4.根据权利要求1~3任一项所述的方法,其特征在于,所述浏览器向服务器请求新信息内容包括:
所述浏览器使用ajax技术向服务器请求新消息报文;
所述请求到的新消息报文带有用于标识是否为新的新消息标志。
5.根据权利要求4所述的方法,其特征在于,在所述还原着色中,还包括:将所述新消息标志设置为表示为旧消息。
6.一种获取页面新信息的***,其特征在于,至少包括浏览器、服务器,其中,
浏览器,用于向服务器请求新信息内容;将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容;
服务器,用于接收来自浏览器的请求,将新信息内容反馈给浏览器。
7.根据权利要求6所述的***,其特征在于,所述浏览器,还用于捕捉用户输入的窗口滚动事件,对已阅读过的新信息进行还原着色。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110119985.6A CN102779124B (zh) | 2011-05-10 | 一种获取页面新信息的方法、***及浏览器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110119985.6A CN102779124B (zh) | 2011-05-10 | 一种获取页面新信息的方法、***及浏览器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102779124A true CN102779124A (zh) | 2012-11-14 |
CN102779124B CN102779124B (zh) | 2016-12-14 |
Family
ID=
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103220413A (zh) * | 2013-03-25 | 2013-07-24 | 深圳市金立通信设备有限公司 | 一种在通讯装置中标识通讯信息状态的方法及通讯装置 |
WO2016082586A1 (zh) * | 2014-11-27 | 2016-06-02 | 广州市动景计算机科技有限公司 | 网页更新方法及装置 |
CN107844347A (zh) * | 2016-09-20 | 2018-03-27 | 天脉聚源(北京)科技有限公司 | 一种移动终端自动滚动显示网络页面的方法和*** |
CN108268491A (zh) * | 2016-12-30 | 2018-07-10 | 北京国双科技有限公司 | 热力图生成方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
CN101165687A (zh) * | 2006-10-20 | 2008-04-23 | 北京酷讯科技有限公司 | 搜索引擎结果新信息自动“冒泡”的方法 |
US20080104025A1 (en) * | 2006-10-31 | 2008-05-01 | Gautam Dharamshi | Method and system for efficient execution and rendering of client/server interactive applications |
CN101296255A (zh) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | 网页浏览方法、***、代理服务器和手机浏览器 |
CN101782912A (zh) * | 2009-06-23 | 2010-07-21 | 北京搜狗科技发展有限公司 | 信息提示的方法及*** |
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
CN101165687A (zh) * | 2006-10-20 | 2008-04-23 | 北京酷讯科技有限公司 | 搜索引擎结果新信息自动“冒泡”的方法 |
US20080104025A1 (en) * | 2006-10-31 | 2008-05-01 | Gautam Dharamshi | Method and system for efficient execution and rendering of client/server interactive applications |
CN101296255A (zh) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | 网页浏览方法、***、代理服务器和手机浏览器 |
CN101782912A (zh) * | 2009-06-23 | 2010-07-21 | 北京搜狗科技发展有限公司 | 信息提示的方法及*** |
Non-Patent Citations (1)
Title |
---|
周旋 等: "基于Ajax的即时消息***的设计与实现", 《科学技术与工程》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103220413A (zh) * | 2013-03-25 | 2013-07-24 | 深圳市金立通信设备有限公司 | 一种在通讯装置中标识通讯信息状态的方法及通讯装置 |
WO2016082586A1 (zh) * | 2014-11-27 | 2016-06-02 | 广州市动景计算机科技有限公司 | 网页更新方法及装置 |
CN107844347A (zh) * | 2016-09-20 | 2018-03-27 | 天脉聚源(北京)科技有限公司 | 一种移动终端自动滚动显示网络页面的方法和*** |
CN108268491A (zh) * | 2016-12-30 | 2018-07-10 | 北京国双科技有限公司 | 热力图生成方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105094563B (zh) | 一种图片裁剪方法及裁剪*** | |
CN109684575A (zh) | 网页数据的处理方法及装置、存储介质、计算机设备 | |
US9977765B2 (en) | Information processing device, information processing method, information processing program, display control device, and display control program | |
CN103577466B (zh) | 一种在浏览器中显示网页内容的方法和装置 | |
CN104065632B (zh) | 分享内容的处理方法、服务器、客户端及*** | |
KR20140012664A (ko) | 웹페이지 재배치 방법 | |
US20130185320A1 (en) | Display program, display apparatus, information processing method, recording medium, and information processing apparatus | |
CN101977233A (zh) | 一种移动终端以阅读模式浏览网页方法和*** | |
CN104462455A (zh) | 网络数据的展示处理方法和装置 | |
CN103853417A (zh) | 网络动态图片的滚动分页显示方法和装置 | |
CN103777939A (zh) | 一种测量网页首屏时间的方法 | |
CN101419620A (zh) | 一种屏蔽网页元素的方法及其装置 | |
CN102799613A (zh) | 一种最近使用文档的展示方法和装置 | |
CN101183396A (zh) | 一种广告显示方法、***和装置 | |
CN103729439B (zh) | 一种网页预加载方法和装置 | |
CN104090869B (zh) | 一种翻译网络信息的方法及翻译*** | |
CN102880707B (zh) | 网页主体内容识别方法和装置 | |
CN103761257B (zh) | 基于移动浏览器的网页处理方法及*** | |
CN102184240B (zh) | 基于移动通讯设备终端的网页页面排版方法及*** | |
CN104268282A (zh) | 一种展示网页广告的方法和*** | |
CN106446617A (zh) | 一种具有源文件保护功能的静态页面访问方法 | |
CN103631824B (zh) | 一种网页显示方法及装置 | |
CN103475676A (zh) | 一种用于提供页面主体信息的方法、装置、设备和*** | |
CN104778187A (zh) | 一种智能信息的生成和投放方法及设备 | |
CN102768663A (zh) | 一种网页标题的提取方法、装置及信息处理*** |
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 |