CN102779124B - 一种获取页面新信息的方法、***及浏览器 - Google Patents
一种获取页面新信息的方法、***及浏览器 Download PDFInfo
- Publication number
- CN102779124B CN102779124B CN201110119985.6A CN201110119985A CN102779124B CN 102779124 B CN102779124 B CN 102779124B CN 201110119985 A CN201110119985 A CN 201110119985A CN 102779124 B CN102779124 B CN 102779124B
- Authority
- CN
- China
- Prior art keywords
- browser
- window
- container
- information
- new 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.)
- Active
Links
- 238000009877 rendering Methods 0.000 claims abstract description 13
- 238000000034 method Methods 0.000 claims abstract description 11
- 238000004040 coloring Methods 0.000 claims description 14
- 230000004069 differentiation Effects 0.000 abstract description 3
- 238000007796 conventional method Methods 0.000 description 1
- 230000000875 corresponding Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
Abstract
本发明公开了一种获取页面新信息的方法及***,包括浏览器向服务器请求新信息内容,将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。本发明方法通过针对网页内容中的新信息与已读信息进行视觉区分,使用户方便地区分了已阅读的内容与新内容,从而提升了用户的浏览体验。
Description
技术领域
本发明涉及计算机网页设计技术,尤指一种获取页面新信息的方法、***及浏览器。
背景技术
目前,在浏览器的网页内容动态增加或更新后,浏览器用户不能从页面内容中区分出更新后的页面内容,这样,大大降低了用户的浏览体验。
发明内容
有鉴于此,本发明的主要目的在于提供一种获取页面新信息的方法、***及浏览器,能够使浏览器用户区分浏览过的内容与新内容的分界,从而提升用户的浏览体验。
为达到上述目的,本发明的技术方案是这样实现的:
一种获取页面新信息的方法,包括:
浏览器向服务器请求新信息内容;
将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容。
该方法还包括:所述浏览器捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对该新信息进行还原着色。
所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括:
所述浏览器获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置:
根据获得的信息判断出容器在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置。
所述浏览器向服务器请求新信息内容包括:
所述浏览器使用ajax技术向服务器请求新消息报文;
所述请求到的新消息报文带有用于标识是否为新的新消息标志。
在所述还原着色中,还包括:将所述新消息标志设置为表示为旧消息。
一种获取页面新信息的***,至少包括浏览器、服务器,其中,
浏览器,用于向服务器请求新信息内容;将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容;
服务器,用于接收来自浏览器的请求,将新信息内容反馈给浏览器。
所述浏览器,还用于捕捉用户输入的窗口滚动事件,对已阅读过的新信息进行还原着色。
一种浏览器,包括:
用于请求新信息内容的模块;以及
用于将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容的模块。
还包括用于执行以下操作的模块:捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对所述新信息进行还原着色。
所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括:
获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置:
根据获得的信息判断出容器在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置。
所述向服务器请求新信息内容包括:
使用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 (8)
1.一种获取页面新信息的方法,其特征在于,包括:
浏览器向服务器请求新信息内容;
将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容;
所述浏览器捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对该新信息进行还原着色。
2.根据权利要求1所述的方法,其特征在于,所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括:
所述浏览器获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置:
根据获得的信息判断出容器在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置。
3.根据权利要求1或2所述的方法,其特征在于,所述浏览器向服务器请求新信息内容包括:
所述浏览器使用ajax技术向服务器请求新消息报文;
所述请求到的新消息报文带有用于标识是否为新的新消息标志。
4.根据权利要求3所述的方法,其特征在于,在所述还原着色中,还包括:将所述新消息标志设置为表示为旧消息。
5.一种获取页面新信息的***,其特征在于,至少包括浏览器、服务器,其中,
浏览器,用于向服务器请求新信息内容;将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容;
服务器,用于接收来自浏览器的请求,将新信息内容反馈给浏览器;
所述浏览器,还用于捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对该新信息进行还原着色。
6.一种浏览器,其特征在于,包括:
用于请求新信息内容的模块;以及
用于将获得的新信息进行渲染处理,使其区分于网页中未发生更新的内容的模块;
用于执行以下操作的模块:捕捉用户输入的窗口滚动事件,在每次窗口滚动时,对所有新消息容器对象进行扫描,在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置,对所述新信息进行还原着色。
7.根据权利要求6所述浏览器,其特征在于,所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括:
获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置:
根据获得的信息判断出容器在当前窗口中可见,且容器在当前浏览器窗口中是否已达与预先设置的指定位置。
8.根据权利要求6所述浏览器,其特征在于,所述请求新信息内容包括:
使用ajax技术向服务器请求新消息报文;
所述请求到的新消息报文带有用于标识是否为新的新消息标志。
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 CN102779124A (zh) | 2012-11-14 |
CN102779124B true CN102779124B (zh) | 2016-12-14 |
Family
ID=
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
CN101165687A (zh) * | 2006-10-20 | 2008-04-23 | 北京酷讯科技有限公司 | 搜索引擎结果新信息自动“冒泡”的方法 |
CN101296255A (zh) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | 网页浏览方法、***、代理服务器和手机浏览器 |
CN101782912A (zh) * | 2009-06-23 | 2010-07-21 | 北京搜狗科技发展有限公司 | 信息提示的方法及*** |
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
CN101165687A (zh) * | 2006-10-20 | 2008-04-23 | 北京酷讯科技有限公司 | 搜索引擎结果新信息自动“冒泡”的方法 |
CN101296255A (zh) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | 网页浏览方法、***、代理服务器和手机浏览器 |
CN101782912A (zh) * | 2009-06-23 | 2010-07-21 | 北京搜狗科技发展有限公司 | 信息提示的方法及*** |
Non-Patent Citations (1)
Title |
---|
周旋 等.基于Ajax的即时消息***的设计与实现.《科学技术与工程》.2009,第9卷(第2期), * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9977765B2 (en) | Information processing device, information processing method, information processing program, display control device, and display control program | |
EA201201059A1 (ru) | Система и способ управления веб-формами и динамическим содержимым веб-сайтов | |
EP2924590A1 (en) | Page rendering method and apparatus | |
KR20140012664A (ko) | 웹페이지 재배치 방법 | |
RU2005132923A (ru) | Система и способ оперативной и автономной рекламы в содержимом, доставляемом на экран дисплея | |
CN104408137B (zh) | 一种网络统计地图可视化数据制备方法 | |
EP2573751A1 (en) | Display control program, recording medium whereupon display program is recorded, display control device, and display control method | |
JP2010511939A5 (zh) | ||
KR20150006456A (ko) | 브라우저에서 맞춤식 어드레스 바 또는 검색 결과들을 디스플레이하는 방법 | |
CN106570098A (zh) | 页面刷新的方法及装置 | |
US20140180846A1 (en) | Automatic website accessibility and compatibility | |
CN103699576A (zh) | 一种用于提供搜索结果的方法与设备 | |
CN102314434A (zh) | 页面背景图合并显示的方法及装置 | |
CN102880707B (zh) | 网页主体内容识别方法和装置 | |
US20070124666A1 (en) | Custom loading activity or progress animation | |
JP2003022042A (ja) | インターネット環境における背景広告 | |
JP2010098730A5 (zh) | ||
CN104809751B (zh) | 生成事件组演化图的方法和装置 | |
CN103136259B (zh) | 一种基于内容块标识处理网页内容的方法与设备 | |
CN106294501A (zh) | 网页动画效果显示方法和装置 | |
CN102982088B (zh) | 一种用于提供用户在目标页面上的反馈信息的方法 | |
CN110506267A (zh) | 数字组件背景渲染 | |
CN103577496B (zh) | 一种电子邮件的显示方法及装置 | |
CN102779124B (zh) | 一种获取页面新信息的方法、***及浏览器 | |
US20120030005A1 (en) | Method and system for providing advertisements |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant |