CN105787036A - 一种控制页面内容更新的方法及装置 - Google Patents

一种控制页面内容更新的方法及装置 Download PDF

Info

Publication number
CN105787036A
CN105787036A CN201610105258.7A CN201610105258A CN105787036A CN 105787036 A CN105787036 A CN 105787036A CN 201610105258 A CN201610105258 A CN 201610105258A CN 105787036 A CN105787036 A CN 105787036A
Authority
CN
China
Prior art keywords
web page
dynamic web
page elements
current page
floating layer
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
Application number
CN201610105258.7A
Other languages
English (en)
Other versions
CN105787036B (zh
Inventor
熊正祥
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou Shenma Mobile Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Shenma Mobile Information Technology Co Ltd filed Critical Guangzhou Shenma Mobile Information Technology Co Ltd
Priority to CN201610105258.7A priority Critical patent/CN105787036B/zh
Publication of CN105787036A publication Critical patent/CN105787036A/zh
Application granted granted Critical
Publication of CN105787036B publication Critical patent/CN105787036B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供一种控制页面内容更新的方法及装置。该方法包括:当检测到动态网页元素的数据更新被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件为:动态网页元素不在可视区内;或者动态网页元素在可视区内且当前页面中存在处于显示状态的浮层;若预设的中断更新条件不满足,对动态网页元素数据更新;否则不对动态网页元素数据更新。预设的中断更新条件还可为动态网页元素在可视区内,且存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件。本发明在动态网页元素不在可视区,或当前页面中存在正显示的浮层,或浮层对动态网页元素形成遮挡时,不更新动态网页元素,节省用户数据流量,且减小页面性能负载。

Description

一种控制页面内容更新的方法及装置
技术领域
本发明涉及互联网通信领域,具体而言,涉及一种控制页面内容更新的方法及装置。
背景技术
网页中经常包含需定时刷新数据的网页元素,为了便于说明,本发明将需定时刷新数据的网页元素称为动态网页元素。例如,网页中显示股市行情的图片及直播体育赛况的视频都是动态网页元素。
当用户通过浏览器客户端浏览网页时,浏览器客户端每隔预设时间段从服务器拉取动态网页元素对应的数据,并将拉取的数据渲染到动态网页元素对应的显示区域中。另外,网页中通常包含用于显示广告信息的浮层,浮层在显示时会对网页中的动态网页元素的显示造成不利影响,此时用户无法看到动态网页元素显示的内容。且当动态网页元素不在当前网页的可视区时用户也无法看到动态网页元素显示的内容。
但相关技术中,当动态网页元素不在当前网页的可视区内,或存在正在显示的浮层,或显示的浮层对动态网页元素造成遮挡等不利影响时,仍会从服务器拉取动态网页元素对应的数据并渲染这些数据,浪费用户的数据流量,且增加浏览器客户端的页面性能负载。
发明内容
有鉴于此,本发明实施例的目的在于提供一种控制页面内容更新的方法及装置,以节省用户的数据流量,减小浏览器客户端的页面性能负载。
第一方面,本发明实施例提供了一种控制页面内容更新的方法,所述方法包括:
当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层;
若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
结合第一方面,本发明实施例提供了上述第一方面的第一种可能的实现方式,其中,所述判断预设的中断更新条件是否满足,包括:
获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
当确定所述动态网页元素不在所述可视区内时,判断预设的中断更新条件满足。
结合第一方面的第一种可能的实现方式,本发明实施例提供了上述第一方面的第二种可能的实现方式,其中,所述方法还包括:
当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
当确定存在处于显示状态的浮层时,判断所述预设的中断更新条件满足。
结合第一方面,本发明实施例提供了上述第一方面的第三种可能的实现方式,其中,所述方法还包括:
实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;
当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
第二方面,本发明实施例提供了一种控制页面内容更新的方法,所述方法包括:
当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层且所述浮层对所述动态网页元素的遮挡满足预设的遮挡条件;
若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
结合第二方面,本发明实施例提供了上述第二方面的第一种可能的实现方式,其中,所述判断预设的中断更新条件是否满足,包括:
获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
当确定所述动态网页元素不在所述可视区内时,判断所述预设的中断更新条件满足。
结合第二方面的第一种可能的实现方式,本发明实施例提供了上述第二方面的第二种可能的实现方式,其中,所述方法还包括:
当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
当确定存在处于显示状态的浮层时,根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件;
当确定满足所述预设的遮挡条件时,判断预设的中断更新条件满足。
结合第二方面的第二种可能的实现方式,本发明实施例提供了上述第二方面的第三种可能的实现方式,其中,所述预设的遮挡条件包括:处于显示状态的浮层对所述动态网页元素的遮挡比例超过预设阈值;
所述确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件,包括:
根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,获取所述处于显示状态的浮层对所述动态网页元素的遮挡面积;
根据所述遮挡面积和所述动态网页元素的总面积,计算所述处于显示状态的浮层对所述动态网页元素的遮挡比例;
当所述遮挡比例超过预设阈值时,确定所述处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
结合第二方面的第二种可能的实现方式,本发明实施例提供了上述第二方面的第四种可能的实现方式,其中,所述预设的遮挡条件包括:处于显示状态的浮层遮挡了所述动态网页元素中的特定区域;
所述确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件,包括:
获取所述动态网页元素中特定区域在所述当前页面中的位置;
根据所述特定区域在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定所述处于显示状态的浮层是否遮挡了所述特定区域;
当确定所述处于显示状态的浮层遮挡了所述特定区域时,确定处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
结合第二方面,本发明实施例提供了上述第二方面的第五种可能的实现方式,其中,所述方法还包括:
实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;
当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
结合第二方面的第一种可能的实现方式,本发明实施例提供了上述第二方面的第六种可能的实现方式,其中,所述动态网页元素在当前页面中的位置包括所述动态网页元素的高度和宽度、所述动态网页元素顶部与所述当前页面顶部之间的距离、所述动态网页元素的左边与所述当前页面的左边之间的距离;
所述可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与所述当前页面顶部之间的距离、屏幕左边与所述当前页面的左边之间的距离;
所述根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否位于所述可视区内,包括:
计算所述动态网页元素顶部与所述当前页面顶部之间的距离和所述动态网页元素的高度之间的第一和值,及计算所述屏幕顶部与所述当前页面顶部之间的距离和屏幕的高度之间的第二和值;
计算所述动态网页元素的左边与所述当前页面的左边之间的距离和所述动态网页元素的宽度之间的第三和值,及计算所述屏幕左边与所述当前页面的左边之间的距离和屏幕的宽度之间的第四和值;
当所述第一和值小于所述第二和值且大于所述屏幕顶部与所述当前页面顶部之间的距离,且所述第三和值小于所述第四和值且大于所述屏幕左边与所述当前页面的左边之间的距离时,确定所述动态网页元素位于所述可视区内。
第三方面,本发明实施例提供了一种控制页面内容更新的装置,所述装置包括:
判断模块,用于当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层;
控制更新模块,用于若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
结合第三方面,本发明实施例提供了上述第三方面的第一种可能的实现方式,其中,所述判断模块包括:
获取单元,用于获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
确定单元,用于根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
第一判断单元,用于当确定所述动态网页元素不在所述可视区内时,判断预设的中断更新条件满足。
结合第三方面的第一种可能的实现方式,本发明实施例提供了上述第三方面的第二种可能的实现方式,其中,所述判断模块还包括:
遍历单元,用于当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
第二判断单元,用于当确定存在处于显示状态的浮层时,判断所述预设的中断更新条件满足。
结合第三方面,本发明实施例提供了上述第三方面的第三种可能的实现方式,其中,所述装置还包括:
监听模块,用于实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
第四方面,本发明实施例提供了一种控制页面内容更新的装置,所述装置包括:
判断模块,用于当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层且所述浮层对所述动态网页元素的遮挡满足预设的遮挡条件;
控制更新模块,用于若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
结合第四方面,本发明实施例提供了上述第四方面的第一种可能的实现方式,其中,所述判断模块包括:
获取单元,用于获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
第一确定单元,用于根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
第一判断单元,用于当确定所述动态网页元素不在所述可视区内时,判断所述预设的中断更新条件满足。
结合第四方面的第一种可能的实现方式,本发明实施例提供了上述第四方面的第二种可能的实现方式,其中,所述装置还包括:
遍历单元,用于当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
第二确定单元,用于当确定存在处于显示状态的浮层时,根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件;
第二判断单元,用于当确定满足所述预设的遮挡条件时,判断预设的中断更新条件满足。
结合第四方面的第二种可能的实现方式,本发明实施例提供了上述第四方面的第三种可能的实现方式,其中,所述预设的遮挡条件包括:处于显示状态的浮层对所述动态网页元素的遮挡比例超过预设阈值;所述第二确定单元包括:
第一获取子单元,用于根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,获取所述处于显示状态的浮层对所述动态网页元素的遮挡面积;
第一计算子单元,用于根据所述遮挡面积和所述动态网页元素的总面积,计算所述处于显示状态的浮层对所述动态网页元素的遮挡比例;
第一确定子单元,用于当所述遮挡比例超过预设阈值时,确定所述处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
结合第四方面第二种可能的实现方式,本发明实施例提供了上述第四方面的第四种可能的实现方式,其中,所述预设的遮挡条件包括:处于显示状态的浮层遮挡了所述动态网页元素中的特定区域;所述第二确定单元包括:
第二获取子单元,用于获取所述动态网页元素中特定区域在所述当前页面中的位置;
第二确定子单元,用于根据所述特定区域在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定所述处于显示状态的浮层是否遮挡了所述特定区域;
第三确定子单元,用于当确定所述处于显示状态的浮层遮挡了所述特定区域时,确定处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
结合第四方面,本发明实施例提供了上述第四方面的第五种可能的实现方式,其中,所述装置还包括:
监听模块,用于实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
结合第四方面的第一种可能的实现方式,本发明实施例提供了上述第四方面的第六种可能的实现方式,其中,所述动态网页元素在当前页面中的位置包括所述动态网页元素的高度和宽度、所述动态网页元素顶部与所述当前页面顶部之间的距离、所述动态网页元素的左边与所述当前页面的左边之间的距离;
所述可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与所述当前页面顶部之间的距离、屏幕左边与所述当前页面的左边之间的距离;所述第一确定单元包括:
第二计算子单元,用于计算所述动态网页元素顶部与所述当前页面顶部之间的距离和所述动态网页元素的高度之间的第一和值,及计算所述屏幕顶部与所述当前页面顶部之间的距离和屏幕的高度之间的第二和值;
第三计算子单元,用于计算所述动态网页元素的左边与所述当前页面的左边之间的距离和所述动态网页元素的宽度之间的第三和值,及计算所述屏幕左边与所述当前页面的左边之间的距离和屏幕的宽度之间的第四和值;
第四确定子单元,用于当所述第一和值小于所述第二和值且大于所述屏幕顶部与所述当前页面顶部之间的距离,且所述第三和值小于所述第四和值且大于所述屏幕左边与所述当前页面的左边之间的距离时,确定所述动态网页元素位于所述可视区内。
在本发明实施例提供的方法及装置中,当检测到动态网页元素的数据更新被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件为:动态网页元素不在可视区内;或者动态网页元素在可视区内且当前页面中存在处于显示状态的浮层;若预设的中断更新条件不满足,对动态网页元素数据更新;否则不对动态网页元素数据更新。预设的中断更新条件还可为动态网页元素在可视区内,且存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件。本发明在动态网页元素不在可视区,或当前页面中存在正显示的浮层,或浮层对动态网页元素形成遮挡时,不更新动态网页元素,节省用户数据流量,且减小页面性能负载。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本发明实施例1所提供的一种控制页面更新的方法流程图;
图2示出了本发明实施例2所提供的一种控制页面更新的方法流程图;
图3示出了本发明实施例3所提供的一种控制页面更新的装置结构示意图;
图4示出了本发明实施例4所提供的一种控制页面更新的装置结构示意图。
具体实施方式
下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
考虑到相关技术中当动态网页元素不在当前网页的可视区内,或存在正在显示的浮层,或显示的浮层对动态网页元素造成遮挡等不利影响时,仍会从服务器拉取动态网页元素对应的数据并渲染这些数据,浪费用户的数据流量,且增加浏览器客户端的页面性能负载。基于此,本发明实施例提供了一种控制页面内容更新的方法及装置。下面通过实施例进行描述。
实施例1
本发明实施例提供了一种控制页面内容更新的方法。本发明实施例的执行主体可以为浏览器客户端,浏览器客户端通过本发明实施例提供的方法,在需定时刷新数据的动态网页元素不在当前页面的可视区内,或动态网页元素在可视区内但当前页面中存在处于显示状态的浮层时,不对动态网页元素进行数据更新,即在用户看不到动态网页元素时不对动态网页元素进行数据更新,从而节省用户的数据流量,减小浏览器客户端的页面性能负载。
参见图1,该方法具体包括以下步骤:
步骤101:当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件包括:动态网页元素不在当前页面的可视区内;或者,动态网页元素在当前页面的可视区内,且当前页面中存在处于显示状态的浮层。
动态网页元素为网页中需定时刷新数据的网页元素,如网页中实时显示股市行情的图片及直播体育赛况的视频都是动态网页元素。动态网页元素的数据更新是周期性进行的,动态网页元素每隔预设时间段进行数据更新,该预设时间段可以为2秒或4秒等。
由于网页中通常包含用于显示广告信息的浮层,浮层的显示会对动态网页元素的显示造成不利影响,如对动态网页元素形成遮挡等,如此会对用户浏览动态网页元素的内容造成障碍。另外,由于终端的屏幕大小通常小于网页的大小,所以用户通过终端来浏览网页时,不可能在终端屏幕中同时看到网页的所有内容,在本发明实施例中将通过屏幕能够看到的网页的区域称为可视区,很显然在动态网页元素不在可视区内时,用户无法看到动态网页元素显示的内容。而当用户无法看到动态网页元素显示的内容,或者用户浏览动态网页元素时存在障碍时,若仍更新动态网页元素,则会浪费用户的数据流量,且增加网页的性能负载。
为此本发明实施例中设置了预设的中断更新条件,预设的中断更新条件包括:动态网页元素不在当前页面的可视区内;或者,动态网页元素在当前页面的可视区内,且当前页面中存在处于显示状态的浮层。当用户通过浏览器客户端浏览网页时,浏览器客户端获取当前页面中每个动态网页元素对应的更新周期,并根据每个动态网页元素及当前时间,确定当前时间是否触发了动态网页元素的数据更新操作,当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,浏览器客户端判断预设的中断更新条件是否满足。
浏览器客户端首先获取被触发的动态网页元素在当前页面中的位置及可视区在当前页面中的位置;根据动态网页元素在当前页面中的位置和可视区在当前页面中的位置,确定动态网页元素是否在可视区内;当确定动态网页元素不在可视区内时,判断预设的中断更新条件满足。
在本发明实施例中,动态网页元素在当前页面中的位置包括动态网页元素的高度和宽度、动态网页元素顶部与当前页面顶部之间的距离、动态网页元素的左边与当前页面的左边之间的距离;可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与当前页面顶部之间的距离、屏幕左边与当前页面的左边之间的距离。浏览器客户端可以通过如下方式来确定动态网页元素是否位于可视区内,包括:
计算动态网页元素顶部与当前页面顶部之间的距离和动态网页元素的高度之间的第一和值,及计算屏幕顶部与当前页面顶部之间的距离和屏幕的高度之间的第二和值;计算动态网页元素的左边与当前页面的左边之间的距离和动态网页元素的宽度之间的第三和值,及计算屏幕左边与当前页面的左边之间的距离和屏幕的宽度之间的第四和值;当第一和值小于第二和值且大于屏幕顶部与当前页面顶部之间的距离,且第三和值小于第四和值且大于屏幕左边与当前页面的左边之间的距离时,确定动态网页元素位于可视区内。
在本发明实施例中,当确定动态网页元素在可视区内时,可以判断预设的中断更新条件不满足。当然在动态网页元素在可视区内时,也可能由于浮层的影响而导致用户无法看到动态网页元素显示的内容,因此,当确定动态网页元素在可视区内时,还可以进一步通过如下方式来判断预设的中断更新条件是否满足,具体包括:
遍历当前页面中每个浮层的显示属性,确定当前页面中是否存在处于显示状态的浮层;当确定存在处于显示状态的浮层时,判断预设的中断更新条件满足。
在本发明实施例中,技术人员在编写网页时,可以为网页中的每个浮层添加相同的浮层标识,该浮层标识可以为预设的字符串,并为每个浮层添加显示属性,该显示属性用于指示浮层是否处于显示状态。当浏览器客户端确定动态网页元素在可视区内时,浏览器客户端确定当前页面中具有浮层标识的每个浮层,遍历每个浮层的显示属性,确定是否存在显示属性指示处于显示状态的浮层,若存在则确定当前页面中有正处于显示状态的浮层,此时判断预设的中断更新条件满足。若确定当前页面中没有正处于显示状态的浮层,则判断预设的中断更新条件不满足。
步骤102:若预设的中断更新条件不满足,则对动态网页元素进行数据更新;否则,不对动态网页元素进行数据更新。
在本发明实施例中只有当上述预设的中断更新条件不满足时,才对动态网页元素进行数据更新,即只有当动态网页元素在当前页面的可视区内,或者动态网页元素的显示不受浮层的影响时,才更新动态网页元素的数据。如此避免在用户看不到动态网页元素时更新,节省了用户的数据的流量,同时减小了浏览器客户端的页面性能负载。
在本发明实施例中,当判断预设的中断更新条件满足时,表明此时动态网页元素不在当前页面的可视区内,或者即便在可视区内也受处于显示状态的浮层的影响。但是当用户通过拖动页面的滚动条,或者改变浏览器窗口大小时,均会改变当前页面的可视区内显示的内容,此时原先不在可视区内的动态网页元素很可能进入了可视区内。另外,用户也可以通过点击处于显示状态的浮层的关闭按键来关闭处于显示状态的浮层,以消除处于显示状态的浮层对动态网页元素的影响。即用户的操作很可能改变动态网页元素的状态,因此需要对用户的操作进行实时监测,并重新判断预设的中断更新条件是否满足。
在本发明实施例中,实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断预设的中断更新条件是否满足。
上述重新判断预设的终端更新条件是否满足的操作与步骤101的操作相同,在此不再赘述。
本发明实施例中,所有浮层具有相同的浮层标识,浏览器客户端可以根据浮层标识确定当前页面中是否包含浮层,并根据浮层的显示属性,来确定当前页面中是否存在处于显示状态的浮层。并在动态网页元素不在当前页面的可视区,或当前页面中存在处于显示状态的浮层时,不对动态网页元素进行数据更新,如此能有效节省数据流量,增加页面性能,同时也可以扩大当前页面对应的网站服务器的承载能力。
在本发明实施例中,当检测到动态网页元素的数据更新被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件为:动态网页元素不在可视区内;或者动态网页元素在可视区内且当前页面中存在处于显示状态的浮层;若预设的中断更新条件不满足,对动态网页元素数据更新;否则不对动态网页元素数据更新。本发明在动态网页元素不在可视区,或当前页面中存在正显示的浮层时,不更新动态网页元素,节省用户数据流量,且减小页面性能负载。
实施例2
本发明实施例提供了一种控制页面内容更新的方法。本发明实施例的执行主体可以为浏览器客户端,浏览器客户端通过本发明实施例提供的方法,在需定时刷新数据的动态网页元素不在当前页面的可视区内,或动态网页元素在可视区内,但当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡符合预设的遮挡条件时,不对动态网页元素进行数据更新,即在用户看不到动态网页元素时不对动态网页元素进行数据更新,从而节省用户的数据流量,减小浏览器客户端的页面性能负载。
参见图2,该方法具体包括以下步骤:
步骤201:当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件包括:动态网页元素不在当前页面的可视区内;或者,动态网页元素在当前页面的可视区内,且当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件。
动态网页元素为网页中需定时刷新数据的网页元素,如网页中实时显示股市行情的图片及直播体育赛况的视频都是动态网页元素。动态网页元素的数据更新是周期性进行的,动态网页元素每隔预设时间段进行数据更新,该预设时间段可以为2秒或4秒等。
由于网页中通常包含用于显示广告信息的浮层,浮层的显示会对动态网页元素的显示造成不利影响,如对动态网页元素形成遮挡等,如此会对用户浏览动态网页元素的内容造成障碍。另外,由于终端的屏幕大小通常小于网页的大小,所以用户通过终端来浏览网页时,不可能在终端屏幕中同时看到网页的所有内容,在本发明实施例中将通过屏幕能够看到的网页的区域称为可视区,很显然在动态网页元素不在可视区内时,用户无法看到动态网页元素显示的内容。而当用户无法看到动态网页元素显示的内容,或者浮层对动态网页元素形成遮挡时,若仍更新动态网页元素,则会浪费用户的数据流量,且增加网页的性能负载。
为此本发明实施例中设置了预设的中断更新条件,预设的中断更新条件包括:动态网页元素不在当前页面的可视区内;或者,动态网页元素在当前页面的可视区内,且当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件。当用户通过浏览器客户端浏览网页时,浏览器客户端获取当前页面中每个动态网页元素对应的更新周期,并根据每个动态网页元素及当前时间,确定当前时间是否触发了动态网页元素的数据更新操作,当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,浏览器客户端判断预设的中断更新条件是否满足。
浏览器客户端首先获取被触发的动态网页元素在当前页面中的位置及可视区在当前页面中的位置;根据动态网页元素在当前页面中的位置和可视区在当前页面中的位置,确定动态网页元素是否在可视区内;当确定动态网页元素不在可视区内时,判断预设的中断更新条件满足。
在本发明实施例中,动态网页元素在当前页面中的位置包括动态网页元素的高度和宽度、动态网页元素顶部与当前页面顶部之间的距离、动态网页元素的左边与当前页面的左边之间的距离;可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与当前页面顶部之间的距离、屏幕左边与当前页面的左边之间的距离。浏览器客户端可以通过如下方式来确定动态网页元素是否位于可视区内,包括:
计算动态网页元素顶部与当前页面顶部之间的距离和动态网页元素的高度之间的第一和值,及计算屏幕顶部与当前页面顶部之间的距离和屏幕的高度之间的第二和值;计算动态网页元素的左边与当前页面的左边之间的距离和动态网页元素的宽度之间的第三和值,及计算屏幕左边与当前页面的左边之间的距离和屏幕的宽度之间的第四和值;当第一和值小于第二和值且大于屏幕顶部与当前页面顶部之间的距离,且第三和值小于第四和值且大于屏幕左边与当前页面的左边之间的距离时,确定动态网页元素位于可视区内。
在本发明实施例中,当确定动态网页元素在可视区内时,可以判断预设的中断更新条件不满足。当然在动态网页元素在可视区内时,也可能由于浮层的遮挡而导致用户无法看到动态网页元素显示的内容,因此,当确定动态网页元素在可视区内时,还可以进一步通过如下方式来判断预设的中断更新条件是否满足,具体包括:
当确定动态网页元素在可视区内时,遍历当前页面中每个浮层的显示属性,确定当前页面中是否存在处于显示状态的浮层;当确定存在处于显示状态的浮层时,根据动态网页元素在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,确定处于显示状态的浮层对动态网页元素的遮挡是否满足预设的遮挡条件;当确定满足预设的遮挡条件时,判断预设的中断更新条件满足。
在本发明实施例中,技术人员在编写网页时,可以为网页中的每个浮层添加相同的浮层标识,该浮层标识可以为预设的字符串,并为每个浮层添加显示属性,该显示属性用于指示浮层是否处于显示状态。当浏览器客户端确定动态网页元素在可视区内时,浏览器客户端确定当前页面中具有浮层标识的每个浮层,遍历每个浮层的显示属性,确定是否存在显示属性指示处于显示状态的浮层,若存在则进一步确定处于显示状态的浮层对动态网页元素的遮挡是否满足预设的遮挡条件。
上述预设的遮挡条件包括:处于显示状态的浮层对动态网页元素的遮挡比例超过预设阈值,或者,处于显示状态的浮层遮挡了动态网页元素中的特定区域。特定区域为用于显示动态网页元素中关键信息的区域,这些关键信息一般为用户着重关注的信息,如在直播体育赛况的视频中显示的比赛比分等。
当预设的遮挡条件为处于显示状态的浮层对动态网页元素的遮挡比例超过预设阈值时,通过如下方式来确定是否满足预设的遮挡条件,包括:
根据动态网页元素在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,获取处于显示状态的浮层对动态网页元素的遮挡面积;根据遮挡面积和动态网页元素的总面积,计算处于显示状态的浮层对动态网页元素的遮挡比例;当遮挡比例超过预设阈值时,确定处于显示状态的浮层对动态网页元素的遮挡满足预设的遮挡条件。
在获取处于显示状态的浮层对动态网页元素的遮挡面积时,首先根据动态网页元素在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,确定处于显示状态的浮层对动态网页元素形成的遮挡区域,然后确定该遮挡区域的面积,该遮挡区域的面积即为上述遮挡面积。计算遮挡面积与动态网页元素的总面积之间的比值,该比值即为处于显示状态的浮层对动态网页元素的遮挡比例。
本发明实施例中,当上述遮挡比例超过预设阈值时,确定处于显示状态的浮层对动态网页元素的遮挡满足预设的遮挡条件,并判断预设的中断更新条件满足。如此当动态网页元素被浮层遮挡的面积过大时,可以不对动态网页元素进行更新,以免用户看不到动态网页元素更新的数据,从而造成用户数据流量的浪费。
当预设的遮挡条件为处于显示状态的浮层遮挡了动态网页元素中的特定区域时,通过如下方式来确定是否满足预设的遮挡条件,包括:
获取动态网页元素中特定区域在当前页面中的位置;根据特定区域在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,确定处于显示状态的浮层是否遮挡了特定区域;当确定处于显示状态的浮层遮挡了特定区域时,确定处于显示状态的浮层对动态网页元素的遮挡满足预设的遮挡条件。
本发明实施例中,当动态网页元素中的特定区域被浮层遮挡时,确定处于显示状态的浮层对动态网页元素的遮挡满足预设的遮挡条件,并判断预设的中断更新条件满足。如此当特定区域内的关键信息被遮挡时,可以不对动态网页元素进行更新,以免用户看不到该特定区域内更新的关键数据,从而造成用户数据流量的浪费。
步骤202:若预设的中断更新条件不满足,则对动态网页元素进行数据更新;否则,不对动态网页元素进行数据更新。
在本发明实施例中只有当上述预设的中断更新条件不满足时,才对动态网页元素进行数据更新,即只有当动态网页元素在当前页面的可视区内,或者浮层对动态网页元素的遮挡不满足预设的遮挡条件时,才更新动态网页元素的数据。如此避免在用户看不到动态网页元素或看不到动态网页元素内的关键信息时更新,节省了用户的数据的流量,同时减小了浏览器客户端的页面性能负载。
在本发明实施例中,当判断预设的中断更新条件满足时,表明此时动态网页元素不在当前页面的可视区内,或者即便在可视区内也受处于显示状态的浮层的遮挡。但是当用户通过拖动页面的滚动条,或者改变浏览器窗口大小时,均会改变当前页面的可视区内显示的内容,此时原先不在可视区内的动态网页元素很可能进入了可视区内。另外,用户也可以通过点击处于显示状态的浮层的关闭按键来关闭处于显示状态的浮层,以消除处于显示状态的浮层对动态网页元素的遮挡。即用户的操作很可能改变动态网页元素的状态,因此需要对用户的操作进行实时监测,并重新判断预设的中断更新条件是否满足。
在本发明实施例中,实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断预设的中断更新条件是否满足。
上述重新判断预设的终端更新条件是否满足的操作与步骤201的操作相同,在此不再赘述。
本发明实施例中,所有浮层具有相同的浮层标识,浏览器客户端可以根据浮层标识确定当前页面中是否包含浮层,并根据浮层的显示属性,来确定当前页面中是否存在处于显示状态的浮层,当存在处于显示状态的浮层时,确定浮层对动态网页元素的遮挡是否符合预设的遮挡条件。并在动态网页元素不在当前页面的可视区,或当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件时,不对动态网页元素进行数据更新,如此能有效节省数据流量,增加页面性能,同时也可以扩大当前页面对应的网站服务器的承载能力。
在本发明实施例中,当检测到动态网页元素的数据更新被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件为:动态网页元素不在可视区内;或者动态网页元素在可视区内且当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件;若预设的中断更新条件不满足,对动态网页元素数据更新;否则不对动态网页元素数据更新。本发明在动态网页元素不在可视区,或当前页面中存在正显示的浮层且浮层对动态网页元素形成满足预设的遮挡条件的遮挡时,不更新动态网页元素,节省用户数据流量,且减小页面性能负载。
实施例3
参见图3,本发明实施例提供了一种控制页面内容更新的装置,该装置用于执行上述实施例1提供的控制页面内容更新的方法。该装置具体包括:
判断模块301,用于当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,预设的中断更新条件包括:动态网页元素不在当前页面的可视区内;或者,动态网页元素在当前页面的可视区内,且当前页面中存在处于显示状态的浮层;
控制更新模块302,用于当判断模块301判断出预设的中断更新条件不满足,则对动态网页元素进行数据更新;否则,不对动态网页元素进行数据更新。
上述判断模块301通过如下获取单元、确定单元和第一判断单元来判断预设的中断更新条件是否满足。
获取单元,用于获取动态网页元素在当前页面中的位置及可视区在当前页面中的位置;确定单元,用于根据动态网页元素在当前页面中的位置和可视区在当前页面中的位置,确定动态网页元素是否在可视区内;第一判断单元,用于当确定动态网页元素不在可视区内时,判断预设的中断更新条件满足。
但在动态网页元素在可视区内时,也可能由于浮层的影响而导致用户无法看到动态网页元素显示的内容,因此,当判断模块301确定动态网页元素在可视区内时,判断模块301还通过如下遍历单元和第二判断单元来判断预设的中断更新条件是否满足。
遍历单元,用于当确定动态网页元素在可视区内时,遍历当前页面中每个浮层的显示属性,确定当前页面中是否存在处于显示状态的浮层;第二判断单元,用于当确定存在处于显示状态的浮层时,判断预设的中断更新条件满足。
在本发明实施例中,当判断模块301判断预设的中断更新条件满足时,表明此时动态网页元素不在当前页面的可视区内,或者即便在可视区内也受处于显示状态的浮层的影响。但是当用户通过拖动页面的滚动条,或者改变浏览器窗口大小时,均会改变当前页面的可视区内显示的内容,此时原先不在可视区内的动态网页元素很可能进入了可视区内。另外,用户也可以通过点击处于显示状态的浮层的关闭按键来关闭处于显示状态的浮层,以消除处于显示状态的浮层对动态网页元素的影响。即用户的操作很可能改变动态网页元素的状态,因此需要对用户的操作进行实时监测,并重新判断预设的中断更新条件是否满足。
因此该装置还通过如下监听模块来监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件。
监听模块,用于实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断预设的中断更新条件是否满足。
在本发明实施例中,当检测到动态网页元素的数据更新被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件为:动态网页元素不在可视区内;或者动态网页元素在可视区内且当前页面中存在处于显示状态的浮层;若预设的中断更新条件不满足,对动态网页元素数据更新;否则不对动态网页元素数据更新。本发明在动态网页元素不在可视区,或当前页面中存在正显示的浮层时,不更新动态网页元素,节省用户数据流量,且减小页面性能负载。
实施例4
参见图4,本发明实施例提供了一种控制页面内容更新的装置,该装置用于执行上述实施例2提供的控制页面内容更新的方法。该装置具体包括:
判断模块401,用于当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,预设的中断更新条件包括:动态网页元素不在当前页面的可视区内;或者,动态网页元素在当前页面的可视区内,且当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件;
控制更新模块402,用于当判断模块401判断预设的中断更新条件不满足,则对动态网页元素进行数据更新;否则,不对动态网页元素进行数据更新。
上述判断模块401通过如下获取单元、第一确定单元和第一判断单元来判断预设的中断更新条件是否满足。
获取单元,用于获取动态网页元素在当前页面中的位置及可视区在当前页面中的位置;第一确定单元,用于根据动态网页元素在当前页面中的位置和可视区在当前页面中的位置,确定动态网页元素是否在可视区内;第一判断单元,用于当确定动态网页元素不在可视区内时,判断预设的中断更新条件满足。
但在动态网页元素在可视区内时,也可能由于浮层的遮挡而导致用户无法看到动态网页元素显示的内容,因此,当判断模块401确定动态网页元素在可视区内时,判断模块401还通过如下遍历单元、第二确定单元和第二判断单元来判断预设的中断更新条件是否满足。
遍历单元,用于当确定动态网页元素在可视区内时,遍历当前页面中每个浮层的显示属性,确定当前页面中是否存在处于显示状态的浮层;第二确定单元,用于当确定存在处于显示状态的浮层时,根据动态网页元素在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,确定处于显示状态的浮层对动态网页元素的遮挡是否满足预设的遮挡条件;第二判断单元,用于当确定满足预设的遮挡条件时,判断预设的中断更新条件满足。
上述预设的遮挡条件包括:处于显示状态的浮层对动态网页元素的遮挡比例超过预设阈值,或者,处于显示状态的浮层遮挡了动态网页元素中的特定区域。特定区域为用于显示动态网页元素中关键信息的区域,这些关键信息一般为用户着重关注的信息,如在直播体育赛况的视频中显示的比赛比分等。
当预设的遮挡条件包括处于显示状态的浮层对动态网页元素的遮挡比例超过预设阈值时,上述第二确定单元包括:
第一获取子单元,用于根据动态网页元素在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,获取处于显示状态的浮层对动态网页元素的遮挡面积;第一计算子单元,用于根据遮挡面积和动态网页元素的总面积,计算处于显示状态的浮层对动态网页元素的遮挡比例;第一确定子单元,用于当遮挡比例超过预设阈值时,确定处于显示状态的浮层对动态网页元素的遮挡满足预设的遮挡条件。
当预设的遮挡条件包括处于显示状态的浮层遮挡了动态网页元素中的特定区域时,上述第二确定单元包括:
第二获取子单元,用于获取动态网页元素中特定区域在当前页面中的位置;第二确定子单元,用于根据特定区域在当前页面中的位置及处于显示状态的浮层在当前页面中的位置,确定处于显示状态的浮层是否遮挡了特定区域;第三确定子单元,用于当确定处于显示状态的浮层遮挡了特定区域时,确定处于显示状态的浮层对动态网页元素的遮挡满足预设的遮挡条件。
在本发明实施例中,当判断模块401判断预设的中断更新条件满足时,表明此时动态网页元素不在当前页面的可视区内,或者即便在可视区内也受处于显示状态的浮层的遮挡。但是当用户通过拖动页面的滚动条,或者改变浏览器窗口大小时,均会改变当前页面的可视区内显示的内容,此时原先不在可视区内的动态网页元素很可能进入了可视区内。另外,用户也可以通过点击处于显示状态的浮层的关闭按键来关闭处于显示状态的浮层,以消除处于显示状态的浮层对动态网页元素的遮挡。即用户的操作很可能改变动态网页元素的状态,因此需要对用户的操作进行实时监测,并重新判断预设的中断更新条件是否满足。
因此该装置还通过如下监听模块来监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件。
监听模块,用于实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断预设的中断更新条件是否满足。
在本发明实施例中,动态网页元素在当前页面中的位置包括动态网页元素的高度和宽度、动态网页元素顶部与当前页面顶部之间的距离、动态网页元素的左边与当前页面的左边之间的距离;可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与当前页面顶部之间的距离、屏幕左边与当前页面的左边之间的距离;
第一确定单元通过如下第二计算子单元、第三计算子单元和第四确定子单元来确定动态网页元素是否位于可视区内。
第二计算子单元,用于计算动态网页元素顶部与当前页面顶部之间的距离和动态网页元素的高度之间的第一和值,及计算屏幕顶部与当前页面顶部之间的距离和屏幕的高度之间的第二和值;第三计算子单元,用于计算动态网页元素的左边与当前页面的左边之间的距离和动态网页元素的宽度之间的第三和值,及计算屏幕左边与当前页面的左边之间的距离和屏幕的宽度之间的第四和值;第四确定子单元,用于当第一和值小于第二和值且大于屏幕顶部与当前页面顶部之间的距离,且第三和值小于第四和值且大于屏幕左边与当前页面的左边之间的距离时,确定动态网页元素位于可视区内。
在本发明实施例中,当检测到动态网页元素的数据更新被触发时,判断预设的中断更新条件是否满足;预设的中断更新条件为:动态网页元素不在可视区内;或者动态网页元素在可视区内且当前页面中存在处于显示状态的浮层且浮层对动态网页元素的遮挡满足预设的遮挡条件;若预设的中断更新条件不满足,对动态网页元素数据更新;否则不对动态网页元素数据更新。本发明在动态网页元素不在可视区,或当前页面中存在正显示的浮层且浮层对动态网页元素形成满足预设的遮挡条件的遮挡时,不更新动态网页元素,节省用户数据流量,且减小页面性能负载。
本发明实施例所提供的控制页面内容更新的装置可以为设备上的特定硬件或者安装于设备上的软件或固件等。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,前述描述的系统、装置和单元的具体工作过程,均可以参考上述方法实施例中的对应过程。
在本申请所提供的几个实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,RandomAccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

Claims (23)

1.一种控制页面内容更新的方法,其特征在于,所述方法包括:
当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层;
若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
2.根据权利要求1所述的方法,其特征在于,所述判断预设的中断更新条件是否满足,包括:
获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
当确定所述动态网页元素不在所述可视区内时,判断预设的中断更新条件满足。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
当确定存在处于显示状态的浮层时,判断所述预设的中断更新条件满足。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述方法还包括:
实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;
当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
5.一种控制页面内容更新的方法,其特征在于,所述方法包括:
当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层且所述浮层对所述动态网页元素的遮挡满足预设的遮挡条件;
若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
6.根据权利要求5所述的方法,其特征在于,所述判断预设的中断更新条件是否满足,包括:
获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
当确定所述动态网页元素不在所述可视区内时,判断所述预设的中断更新条件满足。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
当确定存在处于显示状态的浮层时,根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件;
当确定满足所述预设的遮挡条件时,判断预设的中断更新条件满足。
8.根据权利要求7所述的方法,其特征在于,所述预设的遮挡条件包括:处于显示状态的浮层对所述动态网页元素的遮挡比例超过预设阈值;
所述确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件,包括:
根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,获取所述处于显示状态的浮层对所述动态网页元素的遮挡面积;
根据所述遮挡面积和所述动态网页元素的总面积,计算所述处于显示状态的浮层对所述动态网页元素的遮挡比例;
当所述遮挡比例超过预设阈值时,确定所述处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
9.根据权利要求7所述的方法,其特征在于,所述预设的遮挡条件包括:处于显示状态的浮层遮挡了所述动态网页元素中的特定区域;
所述确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件,包括:
获取所述动态网页元素中特定区域在所述当前页面中的位置;
根据所述特定区域在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定所述处于显示状态的浮层是否遮挡了所述特定区域;
当确定所述处于显示状态的浮层遮挡了所述特定区域时,确定处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
10.根据权利要求5-9任一项所述的方法,其特征在于,所述方法还包括:
实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;
当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
11.根据权利要求6所述的方法,其特征在于,所述动态网页元素在当前页面中的位置包括所述动态网页元素的高度和宽度、所述动态网页元素顶部与所述当前页面顶部之间的距离、所述动态网页元素的左边与所述当前页面的左边之间的距离;
所述可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与所述当前页面顶部之间的距离、屏幕左边与所述当前页面的左边之间的距离;
所述根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否位于所述可视区内,包括:
计算所述动态网页元素顶部与所述当前页面顶部之间的距离和所述动态网页元素的高度之间的第一和值,及计算所述屏幕顶部与所述当前页面顶部之间的距离和屏幕的高度之间的第二和值;
计算所述动态网页元素的左边与所述当前页面的左边之间的距离和所述动态网页元素的宽度之间的第三和值,及计算所述屏幕左边与所述当前页面的左边之间的距离和屏幕的宽度之间的第四和值;
当所述第一和值小于所述第二和值且大于所述屏幕顶部与所述当前页面顶部之间的距离,且所述第三和值小于所述第四和值且大于所述屏幕左边与所述当前页面的左边之间的距离时,确定所述动态网页元素位于所述可视区内。
12.一种控制页面内容更新的装置,其特征在于,所述装置包括:
判断模块,用于当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层;
控制更新模块,用于若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
13.根据权利要求12所述的装置,其特征在于,所述判断模块包括:
获取单元,用于获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
确定单元,用于根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
第一判断单元,用于当确定所述动态网页元素不在所述可视区内时,判断预设的中断更新条件满足。
14.根据权利要求13所述的装置,其特征在于,所述判断模块还包括:
遍历单元,用于当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
第二判断单元,用于当确定存在处于显示状态的浮层时,判断所述预设的中断更新条件满足。
15.根据权利要求12-14任一项所述的装置,其特征在于,所述装置还包括:
监听模块,用于实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
16.一种控制页面内容更新的装置,其特征在于,所述装置包括:
判断模块,用于当检测到针对当前页面中的动态网页元素的数据更新操作被触发时,判断预设的中断更新条件是否满足;其中,所述预设的中断更新条件包括:所述动态网页元素不在当前页面的可视区内;或者,所述动态网页元素在当前页面的可视区内,且所述当前页面中存在处于显示状态的浮层且所述浮层对所述动态网页元素的遮挡满足预设的遮挡条件;
控制更新模块,用于若所述预设的中断更新条件不满足,则对所述动态网页元素进行数据更新;否则,不对所述动态网页元素进行数据更新。
17.根据权利要求16所述的装置,其特征在于,所述判断模块包括:
获取单元,用于获取所述动态网页元素在所述当前页面中的位置及所述可视区在所述当前页面中的位置;
第一确定单元,用于根据所述动态网页元素在所述当前页面中的位置和所述可视区在所述当前页面中的位置,确定所述动态网页元素是否在所述可视区内;
第一判断单元,用于当确定所述动态网页元素不在所述可视区内时,判断所述预设的中断更新条件满足。
18.根据权利要求17所述的装置,其特征在于,所述装置还包括:
遍历单元,用于当确定所述动态网页元素在所述可视区内时,遍历所述当前页面中每个浮层的显示属性,确定所述当前页面中是否存在处于显示状态的浮层;
第二确定单元,用于当确定存在处于显示状态的浮层时,根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定处于显示状态的浮层对所述动态网页元素的遮挡是否满足预设的遮挡条件;
第二判断单元,用于当确定满足所述预设的遮挡条件时,判断预设的中断更新条件满足。
19.根据权利要求18所述的装置,其特征在于,所述预设的遮挡条件包括:处于显示状态的浮层对所述动态网页元素的遮挡比例超过预设阈值;所述第二确定单元包括:
第一获取子单元,用于根据所述动态网页元素在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,获取所述处于显示状态的浮层对所述动态网页元素的遮挡面积;
第一计算子单元,用于根据所述遮挡面积和所述动态网页元素的总面积,计算所述处于显示状态的浮层对所述动态网页元素的遮挡比例;
第一确定子单元,用于当所述遮挡比例超过预设阈值时,确定所述处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
20.根据权利要求18所述的装置,其特征在于,所述预设的遮挡条件包括:处于显示状态的浮层遮挡了所述动态网页元素中的特定区域;所述第二确定单元包括:
第二获取子单元,用于获取所述动态网页元素中特定区域在所述当前页面中的位置;
第二确定子单元,用于根据所述特定区域在所述当前页面中的位置及所述处于显示状态的浮层在所述当前页面中的位置,确定所述处于显示状态的浮层是否遮挡了所述特定区域;
第三确定子单元,用于当确定所述处于显示状态的浮层遮挡了所述特定区域时,确定处于显示状态的浮层对所述动态网页元素的遮挡满足预设的遮挡条件。
21.根据权利要求16-18任一项所述的装置,其特征在于,所述装置还包括:
监听模块,用于实时监听滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件;当监听到滚动条拖动事件、浏览器窗口大小改变事件或浮层关闭事件时,重新判断所述预设的中断更新条件是否满足。
22.根据权利要求17所述的装置,其特征在于,所述动态网页元素在当前页面中的位置包括所述动态网页元素的高度和宽度、所述动态网页元素顶部与所述当前页面顶部之间的距离、所述动态网页元素的左边与所述当前页面的左边之间的距离;
所述可视区在当前页面中的位置包括屏幕的高度和宽度、屏幕顶部与所述当前页面顶部之间的距离、屏幕左边与所述当前页面的左边之间的距离;所述第一确定单元包括:
第二计算子单元,用于计算所述动态网页元素顶部与所述当前页面顶部之间的距离和所述动态网页元素的高度之间的第一和值,及计算所述屏幕顶部与所述当前页面顶部之间的距离和屏幕的高度之间的第二和值;
第三计算子单元,用于计算所述动态网页元素的左边与所述当前页面的左边之间的距离和所述动态网页元素的宽度之间的第三和值,及计算所述屏幕左边与所述当前页面的左边之间的距离和屏幕的宽度之间的第四和值;
第四确定子单元,用于当所述第一和值小于所述第二和值且大于所述屏幕顶部与所述当前页面顶部之间的距离,且所述第三和值小于所述第四和值且大于所述屏幕左边与所述当前页面的左边之间的距离时,确定所述动态网页元素位于所述可视区内。
23.一种控制页面内容更新的装置,其特征在于,所述装置包括处理器,存储器,总线和通信接口,所述处理器、通信接口和存储器通过所述总线连接;
所述存储器用于存储程序;
所述处理器,用于通过所述总线调用存储在所述存储器中的程序,执行所述权利要求1-4任一所述方法或者执行所述权利要求5-11任一所述方法。
CN201610105258.7A 2016-02-25 2016-02-25 一种控制页面内容更新的方法及装置 Active CN105787036B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610105258.7A CN105787036B (zh) 2016-02-25 2016-02-25 一种控制页面内容更新的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610105258.7A CN105787036B (zh) 2016-02-25 2016-02-25 一种控制页面内容更新的方法及装置

Publications (2)

Publication Number Publication Date
CN105787036A true CN105787036A (zh) 2016-07-20
CN105787036B CN105787036B (zh) 2019-08-09

Family

ID=56403084

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610105258.7A Active CN105787036B (zh) 2016-02-25 2016-02-25 一种控制页面内容更新的方法及装置

Country Status (1)

Country Link
CN (1) CN105787036B (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106570098A (zh) * 2016-10-31 2017-04-19 华为技术有限公司 页面刷新的方法及装置
CN109389544A (zh) * 2018-09-25 2019-02-26 海南民航凯亚有限公司 一种基于web终端下的海量航班实时监控方法及处理终端
CN110457037A (zh) * 2019-08-01 2019-11-15 上海麦克风文化传媒有限公司 一种页面更新方法
CN111880880A (zh) * 2020-07-24 2020-11-03 上海米哈游天命科技有限公司 动态壁纸与桌面的交互方法、装置、设备和存储介质
CN111949129A (zh) * 2020-08-07 2020-11-17 合肥讯飞读写科技有限公司 显示内容更新方法、装置、电子设备及存储介质
CN113553122A (zh) * 2021-07-08 2021-10-26 北京奇艺世纪科技有限公司 浮层控制方法、装置、设备及计算机可读介质
CN114125533A (zh) * 2021-11-10 2022-03-01 青岛海信宽带多媒体技术有限公司 一种机顶盒及跑马灯元素展示控制方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102760133A (zh) * 2011-04-28 2012-10-31 腾讯科技(深圳)有限公司 网页加载方法、系统、浏览器、终端及服务器
CN103020237A (zh) * 2012-12-14 2013-04-03 北京新媒传信科技有限公司 一种网页更新方法和装置
CN103577603A (zh) * 2013-11-19 2014-02-12 北京京东尚科信息技术有限公司 一种网页加载方法、装置及系统
US20150161135A1 (en) * 2012-05-07 2015-06-11 Google Inc. Hidden text detection for search result scoring

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102760133A (zh) * 2011-04-28 2012-10-31 腾讯科技(深圳)有限公司 网页加载方法、系统、浏览器、终端及服务器
US20150161135A1 (en) * 2012-05-07 2015-06-11 Google Inc. Hidden text detection for search result scoring
CN103020237A (zh) * 2012-12-14 2013-04-03 北京新媒传信科技有限公司 一种网页更新方法和装置
CN103577603A (zh) * 2013-11-19 2014-02-12 北京京东尚科信息技术有限公司 一种网页加载方法、装置及系统

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106570098A (zh) * 2016-10-31 2017-04-19 华为技术有限公司 页面刷新的方法及装置
WO2018076795A1 (zh) * 2016-10-31 2018-05-03 华为技术有限公司 页面刷新的方法及装置
CN106570098B (zh) * 2016-10-31 2020-06-16 华为技术有限公司 页面刷新的方法及装置
CN109389544A (zh) * 2018-09-25 2019-02-26 海南民航凯亚有限公司 一种基于web终端下的海量航班实时监控方法及处理终端
CN110457037A (zh) * 2019-08-01 2019-11-15 上海麦克风文化传媒有限公司 一种页面更新方法
CN111880880A (zh) * 2020-07-24 2020-11-03 上海米哈游天命科技有限公司 动态壁纸与桌面的交互方法、装置、设备和存储介质
CN111949129A (zh) * 2020-08-07 2020-11-17 合肥讯飞读写科技有限公司 显示内容更新方法、装置、电子设备及存储介质
CN113553122A (zh) * 2021-07-08 2021-10-26 北京奇艺世纪科技有限公司 浮层控制方法、装置、设备及计算机可读介质
CN114125533A (zh) * 2021-11-10 2022-03-01 青岛海信宽带多媒体技术有限公司 一种机顶盒及跑马灯元素展示控制方法
CN114125533B (zh) * 2021-11-10 2024-08-02 青岛海信宽带多媒体技术有限公司 一种机顶盒及跑马灯元素展示控制方法

Also Published As

Publication number Publication date
CN105787036B (zh) 2019-08-09

Similar Documents

Publication Publication Date Title
CN105787036A (zh) 一种控制页面内容更新的方法及装置
US10936795B2 (en) Techniques for use of snapshots with browsing transitions
US10740945B2 (en) Animation control methods and systems
CN105094622B (zh) 调节表格列宽的方法及设备
BR112012030176B1 (pt) aparelho e método de controle de exibição, e, mídia de gravação
CN105892817B (zh) 应用程序中窗口的控制方法和装置
CN103019677B (zh) 用于管理软件的方法和装置
CN105242817A (zh) 页面元素实时突出显示的方法及装置
KR20140094532A (ko) 디스플레이 환경을 위한 공유 에지
CN101241748A (zh) 通过动态带边界定义保存硬盘驱动器数据
CN102999599A (zh) 一种图片展示方法和装置
JP5797871B1 (ja) プログラム
CN109375973A (zh) 页面展示方法、装置、计算机设备及计算机可读存储介质
CN104516637A (zh) 媒体播放页面中按钮的显示控制方法和装置
JP2022512056A (ja) ページ処理方法、デバイス、電子デバイス及びコンピュータ読み取り可能な記憶媒体
CN106649518A (zh) 动态信息数据处理的方法和装置
CN109189309A (zh) 图谱节点操作方法和装置
CN117725332A (zh) Web页面布局自适应方法、系统、设备及储存介质
CN103020127A (zh) 用于图片的呈现方法和装置
CN103645855A (zh) 触控阅读方法及装置
CN105808629B (zh) 一种网页处理方法及装置
CN106201185A (zh) 一种浏览器中输入框的定位方法、装置及移动设备
CN113886188B (zh) 网页元素的监测方法、装置、电子设备、存储介质
CN105700684A (zh) 一种头显设备传感器数据中断的处理方法和装置
US20080127004A1 (en) Method for computing the critical area of compound fault mechanisms

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20200609

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping square B radio tower 12 layer self unit 01

Patentee before: GUANGZHOU SHENMA MOBILE INFORMATION TECHNOLOGY Co.,Ltd.