一种获取页面新信息的方法及系统技术方案

本发明专利技术公开了一种获取页面新信息的方法及系统，包括浏览器向服务器请求新信息内容，将获得的新信息进行渲染处理，使其区分于网页中未发生更新的内容。本发明专利技术方法通过针对网页内容中的新信息与已读信息进行视觉区分，使用户方便地区分了已阅读的内容与新内容，从而提升了用户的浏览体验。

【技术实现步骤摘要】
一种获取页面新信息的方法、系统及浏览器
本专利技术涉及计算机网页设计技术，尤指一种获取页面新信息的方法、系统及浏览器。
技术介绍
目前，在浏览器的网页内容动态增加或更新后，浏览器用户不能从页面内容中区分出更新后的页面内容，这样，大大降低了用户的浏览体验。
技术实现思路
有鉴于此，本专利技术的主要目的在于提供一种获取页面新信息的方法、系统及浏览器，能够使浏览器用户区分浏览过的内容与新内容的分界，从而提升用户的浏览体验。为达到上述目的，本专利技术的技术方案是这样实现的：一种获取页面新信息的方法，包括：浏览器向服务器请求新信息内容；将获得的新信息进行渲染处理，使其区分于网页中未发生更新的内容。该方法还包括：所述浏览器捕捉用户输入的窗口滚动事件，在每次窗口滚动时，对所有新消息容器对象进行扫描，在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置，对该新信息进行还原着色。所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括：所述浏览器获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置：根据获得的信息判断出容器在当前窗口中可见，且容器在当前浏览器窗口中是否已达与预先设置的指定位置。所述浏览器向服务器请求新信息内容包括：所述浏览器使用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：浏览器捕捉用户输入的窗口滚动事件，在每次窗口滚动时，对所有新消息容器本文档来自技高网...

【技术保护点】
一种获取页面新信息的方法，其特征在于，包括：浏览器向服务器请求新信息内容；将获得的新信息进行渲染处理，使其区分于网页中未发生更新的内容。

【技术特征摘要】
1.一种获取页面新信息的方法，其特征在于，包括：浏览器向服务器请求新信息内容；将获得的新信息进行渲染处理，使其区分于网页中未发生更新的内容；所述浏览器捕捉用户输入的窗口滚动事件，在每次窗口滚动时，对所有新消息容器对象进行扫描，在判断出容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置，对该新信息进行还原着色。2.根据权利要求1所述的方法，其特征在于，所述判断容器相对浏览器窗口位置在浏览器计算出来的位置已到达预先设置的指定位置包括：所述浏览器获取容器所在整个网页位置、窗口相对整个网页的位置、浏览器窗口高度、容器所在窗口相对位置：根据获得的信息判断出容器在当前窗口中可见，且容器在当前浏览器窗口中是否已达与预先设置的指定位置。3.根据权利要求1或2所述的方法，其特征在于，所述浏览器向服务器请求新信息内容包括：所述浏览器使用ajax技术向服务器请求新消息报文；所述请求到的新消息报文带有用于标识是否为新的新消息标志。4.根据权利要求3所述的方法，其特征在于，在所述还原着色中，还包括：将所述新消息标志设置为表示为旧消息。5.一种获取页面新信息的系统，其特征在于，至少包括浏览器、服务器，其中，浏览器，用于向服务器请求新信息内容；将获得的新信息进行渲染处理，使其区分于网页中...

【专利技术属性】
技术研发人员：吕旭辉，沃英杰，钟哲，
申请(专利权)人：腾讯科技北京有限公司，
类型：发明
国别省市：