CN108280107A - 网页处理方法、装置及用户终端 - Google Patents

网页处理方法、装置及用户终端 Download PDF

Info

Publication number
CN108280107A
CN108280107A CN201710140327.2A CN201710140327A CN108280107A CN 108280107 A CN108280107 A CN 108280107A CN 201710140327 A CN201710140327 A CN 201710140327A CN 108280107 A CN108280107 A CN 108280107A
Authority
CN
China
Prior art keywords
node
dom
deleted
hiding
area size
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
CN201710140327.2A
Other languages
English (en)
Other versions
CN108280107B (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 Dongjing Computer 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 Dongjing Computer Technology Co Ltd filed Critical Guangzhou Dongjing Computer Technology Co Ltd
Priority to CN201710140327.2A priority Critical patent/CN108280107B/zh
Publication of CN108280107A publication Critical patent/CN108280107A/zh
Application granted granted Critical
Publication of CN108280107B publication Critical patent/CN108280107B/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

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)

Abstract

本发明实施例提供一种网页处理方法、装置及用户终端,所述方法包括:在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;删除或隐藏所述目标节点。所述方法能够有效的在网页内容中去除由于广告过滤所造成的空白区域,较好的保证了页面展现的美观,减少了突兀的空白区域对用户连续浏览的影响,提高了用户体验。

Description

网页处理方法、装置及用户终端
技术领域
本发明涉及计算机应用领域,具体而言,涉及一种网页处理方法、装置及用户终端。
背景技术
目前浏览器对广告的过滤大多是基于规则的,但是这种基于规则的过滤方式通常只针对广告图片实施过滤,而将广告图片过滤后,会出现较大的页面空白区域,导致用户体验较差。
发明内容
有鉴于此,本发明实施例的目的在于提供一种网页处理方法、装置及用户终端,以解决上述问题。
为了实现上述目的,本发明实施例采用的技术方案如下:
第一方面,本发明实施例提供了一种网页处理方法,所述方法包括:在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;删除或隐藏所述目标节点。
第二方面,本发明实施例提供了一种网页处理装置,所述装置包括:检测模块,用于在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;获取模块,用于若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;第一处理模块,用于删除或隐藏所述目标节点。
第三方面,本发明实施例提供了一种用户终端,所述用户终端包括存储器以及处理器,所述存储器耦接到所述处理器,所述存储器存储指令,当所述指令由所述处理器执行时使所述处理器执行以下操作:在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;删除或隐藏所述目标节点。
与现有技术相比,本发明实施例提供的一种网页处理方法、装置及用户终端,通过在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏,若有,则该被删除或隐藏的DOM节点对应广告区域,获取被删除或隐藏的DOM节点对应的目标节点,该目标节点是被删除或隐藏的DOM节点的上层节点中,对应的尺寸满足第一预设范围的最顶层节点,可以理解的是,该目标节点对应由于广告过滤所造成的空白区域,当获取该目标节点后,删除或隐藏所述目标节点,通过这种方式能够有效的在网页内容中去除由于广告过滤所造成的空白区域,较好的保证了页面展现的美观,减少了突兀的空白区域对用户连续浏览的影响,提高了用户体验。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1是本发明实施例提供的用户终端的结构框图。
图2是本发明第一实施例提供的一种网页处理方法的流程图。
图3是本发明第二实施例提供的一种网页处理方法的流程图。
图4是本发明第二实施例提供的一种网页处理方法中步骤S340的流程图。
图5是本发明第二实施例提供的一种网页处理装置的结构框图。
具体实施方式
下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本发明的描述中,术语“第一”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
图1示出了一种可应用于本发明实施例中的用户终端100的结构框图。如图1所示,用户终端100包括存储器102、存储控制器104,一个或多个(图中仅示出一个)处理器106、外设接口108、射频模块110、音频模块112、触控屏幕114等。这些组件通过一条或多条通讯总线/信号线116相互通讯。
存储器102可用于存储软件程序以及模块,如本发明实施例中的网页处理方法以及装置对应的程序指令/模块,处理器106通过运行存储在存储器102内的软件程序以及模块,从而执行各种功能应用以及数据处理,如本发明实施例提供的网页处理方法。
存储器102可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。处理器106以及其他可能的组件对存储器102的访问可在存储控制器104的控制下进行。
外设接口108将各种输入/输入装置耦合至处理器106以及存储器102。在一些实施例中,外设接口108,处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中,他们可以分别由独立的芯片实现。
射频模块110用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通讯网络或者其他设备进行通讯。
音频模块112向用户提供音频接口,其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。
触控屏幕114在用户终端100与用户之间同时提供一个输出及输入界面。具体地,触控屏幕114向用户显示视频输出,这些视频输出的内容可包括文字、图形、视频及其任意组合。
可以理解,图1所示的结构仅为示意,用户终端100还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。
目前,移动浏览器的广告过滤功能,主要是基于AdBlock库和规则来实现。AdBlock最初是作为Firefox浏览器的插件,为其提供网页广告过滤的功能。其定义了一套良好的过滤规则格式,以Javascript实现基于过滤规则设定实现过滤逻辑。支持广告过滤功能的浏览器(包括PC端和移动端),大多沿用AdBlock的过滤规则格式进行规则定义,以Javascript或者原生方式(浏览器内核层面)来实现过滤功能。其中,AdBlock支持两类资源过滤方式:(1)URL路径规则。主要过滤页面的外联广告资源,比如,Javascript,图片,iframe等。该URL路径规则支持完整匹配,模糊匹配,资源类型限制,宿主页面(投放广告的页面)域名黑白名单机制,广告资源域名与宿主页面域名的关系等判定条件。但局限性在于,如果外联广告资源的url进行变更(比如域名变更,路径变更等),则会导致规则无效。(2)隐藏元素规则。主要过滤页面的内嵌可视元素(通常是外联广告资源或者广告文本的父或者祖先节点,即其是广告内容展现的父或者祖先容器)。该隐藏元素规则支持元素名称,id/class属性值,css样式属性值作为条件来过滤单一的可视元素。同时支持宿主页面域名黑白名单机制。但这些属性条件只能是页面静态书写的内容,不支持页面dom解析后的属性选择。
在基于url路径对外联广告图片进行过滤时,有可能导致网页内容出现较大的空白区域。原因在于,大多数网页的广告,是以广告位方式来组织的,通常广告位的顶级节点是作为容器的div/iframe节点,其定义了广告位的区域大小和在屏幕中的位置,而其子孙节点是包含了携带链接地址(广告页面地址)标签和广告图片标签的结构化集合。而url路径如果只针对广告图片实施过滤,则作为广告位的顶级节点会出现较大的空白区域。
本发明实施例提供的网页处理方法可以运行于图1所示的用户终端100中。移动浏览器在启动时,解析广告过滤的规则(url路径规则,隐藏元素规则)。在对目标网页(适用广告过滤规则)进行页面解析时,检测网页对应的DOM树中是否有DOM节点被删除或隐藏,若有,则该被删除或隐藏的DOM节点对应广告区域,获取被删除或隐藏的DOM节点对应的目标节点,该目标节点是被删除或隐藏的DOM节点的上层节点中,对应的尺寸满足第一预设范围的最顶层节点,可以理解的是,该目标节点对应由于广告过滤所造成的空白区域,当获取该目标节点后,删除或隐藏所述目标节点,通过这种方式能够有效的在网页内容中去除由于广告过滤所造成的空白区域,较好的保证了页面展现的美观,减少了突兀的空白区域对用户连续浏览的影响。
图2示出了本发明第一实施例提供的网页处理方法的流程图,请参阅图2,该网页处理方法运行于上述用户终端中,该方法包括:
步骤S210,在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏。
作为一种实施方式,可以采用基于MutationObserver的检测机制,检测网页对应的DOM树中是否有DOM节点被删除或者隐藏。该基于MutationObserver的检测机制是基于通知机制的Web API”MutationObserver”,主流的浏览器内核都支持该Web API(包括原生方式和Javascript API),其优势在于其事件通知机制,以及可以通过过滤器来缩小所监测DOM树变化的范围(比如新增DOM节点,删除DOM节点,DOM节点属性变更等),从而在效率和性能两者之间取得较好的平衡。
具体的,浏览器在开始解析网页时,基于MutationObserver机制,注册监控DOM树中body节点的子节点的删除事件或属性变更事件,并设置相应的回调函数,该回调函数用于获取被删除或隐藏的DOM节点对应的目标节点,并进行相应处理。在网页对应的DOM树生成过程中,若触发了所述删除事件或属性变更事件,则检测到网页对应的DOM树中有DOM节点被删除或者隐藏,并调用相应的回调函数进行处理。
其中,该body节点的子节点包括img节点、div节点、iframe节点中的至少一种。作为一种实施方式,当在网页对应的DOM树生成过程中,触发了注册的body节点的子节点的删除事件或属性变更事件时,调用回调函数进行处理,此时,首先判断该body节点的子节点是否为img节点或div节点或iframe节点,若是这三种节点中的一种,则进行回调函数的处理,否则,不进行处理。
优选的,可以设置定时器,当超过所述定时器的设定时间后,注销所述基于MutationObserver的检测机制。通过这种方式,可以避免长时间的MutationObserver的事件检测所带来的性能影响。
步骤S220,若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点。
其中,在网页对应的DOM树中获取被删除或隐藏的DOM节点对应的目标节点的实施方式有多种,例如,可以是同时获取该被删除或隐藏的DOM节点所有上层节点,并判断该所有上层节点对应的区域尺寸是否满足第一预设范围,将满足第一预设范围的上层节点取出,并比较其所处层级,取出最顶层的节点作为目标节点。也可以采用从下往上逐层搜索的方式,以找到该被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点。
该第一预设范围可以经验值进行设定。
步骤S230,删除或隐藏所述目标节点。
进一步的,考虑到当用户终端为移动终端时,例如,手机或者平板电脑,若出现广告过滤导致的空白区域,会使移动终端的正文显示区域变小,因此,将本发明实施例提供的网页处理方法应用于移动终端上将能够取得更加好的效果。
可以理解的是,本发明实施例可以选取原生方式(在现有的浏览器内核代码中实现)或者在网页中注入Javascript的方式来实现,实施方式更加灵活。
本发明实施例提供的网页处理方法,通过在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏,若有,则该被删除或隐藏的DOM节点对应广告区域,获取被删除或隐藏的DOM节点对应的目标节点,该目标节点是被删除或隐藏的DOM节点的上层节点中,对应的尺寸满足第一预设范围的最顶层节点,可以理解的是,该目标节点对应由于广告过滤所造成的空白区域,当获取该目标节点后,删除或隐藏所述目标节点,通过这种方式能够有效的在网页内容中去除由于广告过滤所造成的空白区域,较好的保证了页面展现的美观,减少了突兀的空白区域对用户连续浏览的影响,提高了用户体验。
图3示出了本发明第二实施例提供的网页处理方法的流程图,请参阅图3,该网页处理方法运行于上述用户终端中,该方法包括:
步骤S310,在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏。
步骤S310的实施方式与步骤S210的实施方式相似,此处不再赘述。
步骤S320,若有,判断被删除或隐藏的DOM节点是否有父节点。
作为一种实施方式,可以直接调用浏览器提供javascript的API来判断被删除或隐藏的DOM节点是否有父节点。
若有,执行步骤S330;否则,执行步骤S360。
步骤S330,判断被删除或隐藏的DOM节点的父节点对应的区域尺寸是否满足第一预设范围。
考虑到网页广告通常是以独占一行的单幅图片进行展现,作为一种实施方式,在所述判断被删除或隐藏的DOM节点的父节点的区域尺寸是否满足第一预设范围之前,所述方法还包括:判断所述被删除或隐藏的DOM节点的区域尺寸是否满足第二预设范围。通过这种方式,进一步确定该被删除或隐藏的DOM节点即对应网页广告。
其中,该第二预设范围可以根据经验值进行设定。优选的,可以判断该被删除或隐藏的DOM节点的区域尺寸是否大于屏宽的90%。
进一步的,区域尺寸满足第一预设范围为:该节点对应的区域尺寸与其父节点对应的区域尺寸的差值在第三预设范围内。
其中,该第三预设范围可以根据经验值进行设定。
作为一种具体的实施方式,请参阅图4,区域尺寸与其父节点对应的区域尺寸的差值在第三预设范围内的确定方法,包括:
步骤S341,计算该节点对应的区域长度与其父节点对应的区域长度的长度差值,判断所述长度差值与该节点的长度的比值是否属于第一区间。
该第一区间可以根据经验值进行设定,优选为[-5%,5%]。
步骤S342,若是,计算该节点对应的区域宽度与其父节点对应的区域宽度的宽度差值,判断所述宽度差值与该节点的宽度的比值是否属于第二区间。
该第二区间可以根据经验值进行设定,优选为[-5%,5%]。
步骤S343,若是,则该节点对应的区域尺寸与其父节点对应的区域尺寸的差值位于第三预设范围内。
步骤S340,若满足,则将所述被删除或隐藏的DOM节点的父节点作为当前目标节点,判断所述当前目标节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述当前目标节点的父节点作为当前目标节点,直至所述当前目标节点的父节点的区域尺寸不满足第一预设范围,则将所述当前目标节点作为被删除或隐藏的DOM节点对应的目标节点。
可以理解的是,判断当前目标节点的父节点对应的区域尺寸是否满足第一预设范围的实施方式可以参阅步骤S330中判断被删除或隐藏的DOM节点的父节点对应的区域尺寸是否满足第一预设范围的实施方式,此时,当前目标节点对应步骤S330中被删除或隐藏的DOM节点,后续实施方式相同,此处不再赘述。
步骤S350,删除或隐藏所述目标节点。
步骤S360,不作处理。
本发明实施例提供的网页处理方法,通过在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏,若有,则该被删除或隐藏的DOM节点对应广告区域,获取被删除或隐藏的DOM节点对应的目标节点,该目标节点是被删除或隐藏的DOM节点的上层节点中,对应的尺寸满足第一预设范围的最顶层节点,可以理解的是,该目标节点对应由于广告过滤所造成的空白区域,当获取该目标节点后,删除或隐藏所述目标节点,通过这种方式能够有效的在网页内容中去除由于广告过滤所造成的空白区域,较好的保证了页面展现的美观,减少了突兀的空白区域对用户连续浏览的影响,提高了用户体验。
请参阅图5,是本发明第三实施例提供的网页处理装置400的功能模块示意图。所述网页处理装置400包括检测模块410,获取模块420,第一处理模块430。
检测模块410,用于在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏。
作为一种实施方式,该检测模块410,具体用于采用基于MutationObserver的检测机制,检测网页对应的DOM树中是否有DOM节点被删除或者隐藏。
进一步的,作为一种实施方式,该检测模块410,具体用于基于MutationObserver机制,注册监控DOM树中body节点的子节点的删除事件或属性变更事件,在网页对应的DOM树生成过程中,若触发了所述删除事件或属性变更事件,则检测到网页对应的DOM树中有DOM节点被删除或者隐藏。
作为一种实施方式,该body节点的子节点包括img节点、div节点、iframe节点中的至少一种。
获取模块420,用于若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点。
作为一种实施方式,该获取模块420,具体用于判断被删除或隐藏的DOM节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述被删除或隐藏的DOM节点的父节点作为当前目标节点,判断所述当前目标节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述当前目标节点的父节点作为当前目标节点,直至所述当前目标节点的父节点的区域尺寸不满足第一预设范围,则将所述当前目标节点作为被删除或隐藏的DOM节点对应的目标节点。
作为一种实施方式,区域尺寸满足第一预设范围为:该节点对应的区域尺寸与其父节点对应的区域尺寸的差值在第三预设范围内。
进一步的,作为一种实施方式,该获取模块420,具体用于计算该节点对应的区域长度与其父节点对应的区域长度的长度差值,判断所述长度差值与该节点的长度的比值是否属于第一区间若是,计算该节点对应的区域宽度与其父节点对应的区域宽度的宽度差值,判断所述宽度差值与该节点的宽度的比值是否属于第二区间;若是,则该节点对应的区域尺寸与其父节点对应的区域尺寸的差值位于第三预设范围内。
第一处理模块430,用于删除或隐藏所述目标节点。
作为一种实施方式,所述装置还包括第二处理模块440,用于在所述判断被删除或隐藏的DOM节点的父节点的区域尺寸是否满足第一预设范围之前,判断所述被删除或隐藏的DOM节点的区域尺寸是否满足第二预设范围。
作为一种实施方式,所述装置还包括第三处理模块450,用于设置定时器,当超过所述定时器的设定时间后,注销所述基于MutationObserver的检测机制。
以上各模块可以是由软件代码实现,此时,上述的各模块可存储于第一用户终端100的存储器102内。以上各模块同样可以由硬件例如集成电路芯片实现。
本发明第四实施例提供了一种用户终端,所述用户终端包括存储器及处理器,所述存储器耦接到所述处理器,所述存储器存储指令,当所述指令由所述处理器执行时以使所述处理器执行以下操作:
在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;
若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;
删除或隐藏所述目标节点。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本发明实施例所提供的关闭网页浮窗的装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是,在本文中,诸如第一和第三等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。

Claims (19)

1.一种网页处理方法,其特征在于,所述方法包括:
在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;
若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;
删除或隐藏所述目标节点。
2.根据权利要求1所述的方法,其特征在于,所述获取被删除或隐藏的DOM节点对应的目标节点,包括:
判断被删除或隐藏的DOM节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述被删除或隐藏的DOM节点的父节点作为当前目标节点,判断所述当前目标节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述当前目标节点的父节点作为当前目标节点,直至所述当前目标节点的父节点的区域尺寸不满足第一预设范围,则将所述当前目标节点作为被删除或隐藏的DOM节点对应的目标节点。
3.根据权利要求2所述的方法,其特征在于,在所述判断被删除或隐藏的DOM节点的父节点的区域尺寸是否满足第一预设范围之前,所述方法还包括:
判断所述被删除或隐藏的DOM节点的区域尺寸是否满足第二预设范围。
4.根据权利要求1至3任意一项所述的方法,其特征在于,区域尺寸满足第一预设范围为:该节点对应的区域尺寸与其父节点对应的区域尺寸的差值在第三预设范围内。
5.根据权利要求4所述的方法,其特征在于,区域尺寸与其父节点对应的区域尺寸的差值在第三预设范围内的确定方法,包括:
计算该节点对应的区域长度与其父节点对应的区域长度的长度差值,判断所述长度差值与该节点的长度的比值是否属于第一区间;
若是,计算该节点对应的区域宽度与其父节点对应的区域宽度的宽度差值,判断所述宽度差值与该节点的宽度的比值是否属于第二区间;
若是,则该节点对应的区域尺寸与其父节点对应的区域尺寸的差值位于第三预设范围内。
6.根据权利要求1所述的方法,其特征在于,所述检测网页对应的DOM树中是否有DOM节点被删除或者隐藏,包括:
采用基于MutationObserver的检测机制,检测网页对应的DOM树中是否有DOM节点被删除或者隐藏。
7.根据权利要求6所述的方法,其特征在于,所述基于MutationObserver的检测机制,检测网页对应的DOM树中是否有DOM节点被删除或者隐藏,包括:
基于MutationObserver机制,注册监控DOM树中body节点的子节点的删除事件或属性变更事件,在网页对应的DOM树生成过程中,若触发了所述删除事件或属性变更事件,则检测到网页对应的DOM树中有DOM节点被删除或者隐藏。
8.根据权利要求7所述的方法,其特征在于,所述body节点的子节点包括img节点、div节点、iframe节点中的至少一种。
9.根据权利要求6所述的方法,其特征在于,所述方法还包括:
设置定时器,当超过所述定时器的设定时间后,注销所述基于MutationObserver的检测机制。
10.一种网页处理装置,其特征在于,所述装置包括:
检测模块,用于在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;
获取模块,用于若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;
第一处理模块,用于删除或隐藏所述目标节点。
11.根据权利要求10所述的装置,其特征在于,所述获取模块,具体用于判断被删除或隐藏的DOM节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述被删除或隐藏的DOM节点的父节点作为当前目标节点,判断所述当前目标节点的父节点对应的区域尺寸是否满足第一预设范围,若满足,则将所述当前目标节点的父节点作为当前目标节点,直至所述当前目标节点的父节点的区域尺寸不满足第一预设范围,则将所述当前目标节点作为被删除或隐藏的DOM节点对应的目标节点。
12.根据权利要求11所述的装置,其特征在于,所述装置还包括第二处理模块,用于在所述判断被删除或隐藏的DOM节点的父节点的区域尺寸是否满足第一预设范围之前,判断所述被删除或隐藏的DOM节点的区域尺寸是否满足第二预设范围。
13.根据权利要求10至12中任一项所述的装置,其特征在于,区域尺寸满足第一预设范围为:该节点对应的区域尺寸与其父节点对应的区域尺寸的差值在第三预设范围内。
14.根据权利要求13所述的装置,其特征在于,所述获取模块,具体用于计算该节点对应的区域长度与其父节点对应的区域长度的长度差值,判断所述长度差值与该节点的长度的比值是否属于第一区间若是,计算该节点对应的区域宽度与其父节点对应的区域宽度的宽度差值,判断所述宽度差值与该节点的宽度的比值是否属于第二区间;若是,则该节点对应的区域尺寸与其父节点对应的区域尺寸的差值位于第三预设范围内。
15.根据权利要求10所述的装置,其特征在于,所述检测模块,具体用于采用基于MutationObserver的检测机制,检测网页对应的DOM树中是否有DOM节点被删除或者隐藏。
16.根据权利要求15所述的装置,其特征在于,所述检测模块,具体用于基于MutationObserver机制,注册监控DOM树中body节点的子节点的删除事件或属性变更事件,在网页对应的DOM树生成过程中,若触发了所述删除事件或属性变更事件,则检测到网页对应的DOM树中有DOM节点被删除或者隐藏。
17.根据权利要求16所述的装置,其特征在于,所述body节点的子节点包括img节点、div节点、iframe节点中的至少一种。
18.根据权利要求15所述的装置,其特征在于,所述装置还包括第三处理模块,用于设置定时器,当超过所述定时器的设定时间后,注销所述基于MutationObserver的检测机制。
19.一种用户终端,其特征在于,所述用户终端包括存储器及处理器,所述存储器耦接到所述处理器,所述存储器存储指令,当所述指令由所述处理器执行时以使所述处理器执行以下操作:
在解析网页的过程中,检测网页对应的DOM树中是否有DOM节点被删除或隐藏;
若有,获取被删除或隐藏的DOM节点对应的目标节点,所述目标节点为所述被删除或隐藏的DOM节点的上层节点中,对应的区域尺寸满足第一预设范围的最顶层节点;
删除或隐藏所述目标节点。
CN201710140327.2A 2017-03-08 2017-03-08 网页处理方法、装置及用户终端 Active CN108280107B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710140327.2A CN108280107B (zh) 2017-03-08 2017-03-08 网页处理方法、装置及用户终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710140327.2A CN108280107B (zh) 2017-03-08 2017-03-08 网页处理方法、装置及用户终端

Publications (2)

Publication Number Publication Date
CN108280107A true CN108280107A (zh) 2018-07-13
CN108280107B CN108280107B (zh) 2022-01-14

Family

ID=62801098

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710140327.2A Active CN108280107B (zh) 2017-03-08 2017-03-08 网页处理方法、装置及用户终端

Country Status (1)

Country Link
CN (1) CN108280107B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111897533A (zh) * 2020-07-31 2020-11-06 平安普惠企业管理有限公司 页面输出方法、装置、电子设备及存储介质
CN112804373A (zh) * 2020-12-30 2021-05-14 微医云(杭州)控股有限公司 接口域名确定方法、装置、电子设备及存储介质

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080307328A1 (en) * 2007-06-08 2008-12-11 Timothy Gene Hatcher Methods and systems for editing of web pages in an application capable of displaying web page content
CN102420842A (zh) * 2010-09-28 2012-04-18 腾讯科技(深圳)有限公司 一种移动网络中网页的发送方法及系统
CN102591853A (zh) * 2011-12-29 2012-07-18 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
WO2014176482A1 (en) * 2013-04-26 2014-10-30 Amazon Technologies, Inc. Consistent scaling of web-based content across devices having different screen metrics
CN104133896A (zh) * 2014-07-31 2014-11-05 可牛网络技术(北京)有限公司 一种网页广告过滤方法及装置
CN104199915A (zh) * 2014-08-29 2014-12-10 小米科技有限责任公司 网页变化检测方法及装置
CN104536949A (zh) * 2011-12-29 2015-04-22 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
CN106326451A (zh) * 2016-08-26 2017-01-11 武汉大学 一种基于视觉特征提取的网页传感信息块判决方法
CN106326316A (zh) * 2015-07-08 2017-01-11 腾讯科技(深圳)有限公司 一种网页广告过滤方法及装置

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080307328A1 (en) * 2007-06-08 2008-12-11 Timothy Gene Hatcher Methods and systems for editing of web pages in an application capable of displaying web page content
CN102420842A (zh) * 2010-09-28 2012-04-18 腾讯科技(深圳)有限公司 一种移动网络中网页的发送方法及系统
CN102591853A (zh) * 2011-12-29 2012-07-18 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
CN104536949A (zh) * 2011-12-29 2015-04-22 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
WO2014176482A1 (en) * 2013-04-26 2014-10-30 Amazon Technologies, Inc. Consistent scaling of web-based content across devices having different screen metrics
CN104133896A (zh) * 2014-07-31 2014-11-05 可牛网络技术(北京)有限公司 一种网页广告过滤方法及装置
CN104199915A (zh) * 2014-08-29 2014-12-10 小米科技有限责任公司 网页变化检测方法及装置
CN106326316A (zh) * 2015-07-08 2017-01-11 腾讯科技(深圳)有限公司 一种网页广告过滤方法及装置
CN106326451A (zh) * 2016-08-26 2017-01-11 武汉大学 一种基于视觉特征提取的网页传感信息块判决方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
GUJJAR VINEEL: "Web page DOM node characterization and its application to page segmentation", 《2009 IEEE INTERNATIONAL CONFERENCE ON INTERNET MULTIMEDIA SERVICES ARCHITECTURE AND APPLICATIONS (IMSAA)》 *
马金娜: "基于DOM树节点重要度的WEB主题信息提取研究", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111897533A (zh) * 2020-07-31 2020-11-06 平安普惠企业管理有限公司 页面输出方法、装置、电子设备及存储介质
CN112804373A (zh) * 2020-12-30 2021-05-14 微医云(杭州)控股有限公司 接口域名确定方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN108280107B (zh) 2022-01-14

Similar Documents

Publication Publication Date Title
CN105956026B (zh) 网页渲染方法及装置
CN104267947B (zh) 一种编辑弹窗图片的方法及弹窗图片编辑装置
CN106326316B (zh) 一种网页广告过滤方法及装置
KR20160079830A (ko) 소셜 데이터 네트워크의 인플루언서들을 가중된 분석을 이용하여 동적 결정하는 시스템 및 방법
CN109740085A (zh) 一种页面内容的展示方法、装置、设备及存储介质
CN103646341B (zh) 一种网站提供对象的推荐方法和装置
CN105868096A (zh) 用于在浏览器中显示web页面测试结果的方法、装置及设备
KR102350540B1 (ko) 디지털 컴포넌트 배경 렌더링
CN103699665A (zh) 一种网页广告过滤方法及装置
CN106843665A (zh) 一种截图方法、装置及终端设备
CN108322359A (zh) 一种页面首屏时间的获取方法和装置
CN104391871A (zh) 多媒体内容的提供方法和装置
CN105988793A (zh) 用于屏幕显示设备的图像展示方法及装置
CN103970427B (zh) 网页页面的刷新方法和装置
US9830344B2 (en) Evaluation of nodes
CN102483682B (zh) 设计辅助装置、设计辅助程序、设计辅助方法以及集成电路
CN104331485A (zh) 展示推荐资讯文章的方法及装置
CN108280107A (zh) 网页处理方法、装置及用户终端
KR101556743B1 (ko) 웹 수집에 기반한 관심 정보 생성 장치 및 그 방법
CN108280102A (zh) 上网行为记录方法、装置及用户终端
CN105260383B (zh) 一种用于展现网页图像信息的处理方法及电子设备
CN110297957A (zh) 一种数据处理的方法及装置、电子设备、存储介质
CN109522497A (zh) 一种新闻网页页面的适配显示方法及装置
CN107621951B (zh) 一种视图层级优化的方法及装置
CN108062324A (zh) 广告过滤方法、装置及用户终端

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20200526

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

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

Address before: 510000 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping B radio square 14 storey tower

Applicant before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd.

GR01 Patent grant
GR01 Patent grant