一种网页广告过滤方法及装置与流程
本发明涉及互联网技术领域，特别涉及一种网页广告过滤方法及装置。
背景技术：
网页浏览器(以下简称浏览器)是显示网页服务器或档案系统内的文件，并让用户与这些文件进行互动的一种软件。它用来显示在万维网或局部局域网路等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超连结，用户可迅速及轻易地浏览各种资讯。网页一般是超文本标记语言(HTML，HyperText Markup Language)的格式。PC端的浏览器一般通过集成adblock插件来实现广告过滤功能，adblock插件通过一组广告过滤规则来拦截广告请求或过滤页面内广告内容以达到广告过滤的目的。移动终端的浏览器因无法使用adblock插件，大多是根据它的原理自己实现广告过滤功能。
现有技术中，广告过滤都是根据过滤规则来实现的，由于网页的内容和形式总是在变化的，并且不断有新的网站出现，因此，为达到良好的广告过滤效果广告，过滤规则需要不断的更新。更新过滤规则的方式可以是浏览器自动更新，但是此种更新方式更新周期长，可能随着发版的节奏更新或是每个月更新一次，且覆盖网站不全，因资源有限，浏览器一般只会针对部分常用网站来做广告过滤，其他很多网站很可能无法覆盖到，以及，维护成本高，需要有专门的开发人员不断的监控常用网站的广告过滤情况并写新的过滤规则。更新过滤规则的方式也可以是用户手动更新，但是此种更新方式操作成本和操作门槛较高，因为很多用户不知如何更新广告过滤规则，更多用户不知如何写过滤规则。
技术实现要素：
有鉴于此，本发明提供一种网页广告过滤方法及装置，通过根据用户选择要过滤的网页广告，即时生成新的广告过滤规则来过滤对应的网页元素节点，用以及时过滤该网页广告，操作更简单，效率更高。
本发明实施例提供一种网页广告过滤方法，包括：
检测用户的过滤指令以及在网页中选择的过滤区域；确定与所述过滤区域对应的网页目标节点；根据所述网页目标节点的属性更新与所述过滤区域对应的网页广告过滤规则中的属性参数，并提示所述用户确认过滤；接收确认过滤的指令，并将更新后的网页广告过滤规则对应的网页元素节点进行过滤。
本发明实施例提供一种网页广告过滤装置，包括：
检测模块，用于检测用户的过滤指令以及在网页中选择的过滤区域；确定模块，用于确定与所述过滤区域对应的网页目标节点；更新模块，用于根据所述网页目标节点的属性更新与所述过滤区域对应的网页广告过滤规则中的属性参数；提示模块，用于提示所述用户确认过滤；接收模块，用户接收确认过滤的指令；过滤模块，用于将所述更新模块更新后的网页广告过滤规则对应的网页元素节点进行过滤。
根据上述实施例的网页广告过滤方法及装置，用户选中要过滤的网页内容所在的区域，浏览器根据用户的选择自动更新网页内容的过滤规则，并将与该过滤规则对应的网页元素节点进行过滤，以达到过滤该网页内容的目的，再次加载该网页时，即时执行过滤规则，使得过滤的网页内容不再出现，操作更简单，效率更高，过滤规则更新快。并且用户根据自己的喜好选择过滤的网页内容，操作针对性更强。
为让本发明的上述和其他目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附图式，作详细说明如下。
附图说明
图1为本发明第一实施例提供的网页广告过滤方法流程示意图；
图2为本发明实施例中浏览页面时弹出网页广告情景示意图；
图3为本发明实施例中弹出网页广告操作菜单情景示意图；
图4为本发明实施例中选中要过滤的网页广告情景示意图；
图5为本发明实施例中弹出网页广告过滤确认界面情景示意图；
图6为本发明实施例第二实施例提供的网页广告过滤方法流程示意图；
图7为本发明实施例中网页广告过滤规则管理界面示意图；
图8为本发明实施例第三实施例提供的网页广告过滤装置示意图；
图9为本发明实施例第四实施例提供的网页广告过滤装置示意图。
具体实施方式
为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效，以下结合附图及较佳实施例，对依据本发明的具体实施方式、结构、特征及其功效，详细说明如后。
本发明实施例提供的网页广告过滤方法可以单独作为网页广告过滤的方式，也可以结合已有的adblock广告插件一起使用来过滤网页广告，适用范围广。以下各实施例的网页内容以网页广告为例，其他网页内容也使用本发明实施例提供的网页广告过滤方法。
请参阅图1，本发明第一实施例中的网页广告过滤方法包括：
101、检测用户的过滤指令以及在网页中选择的过滤区域；
本发明实施例可适用于移动终端，也可适用于PC电脑终端。当在移动终端适用场景下，用户进行手势操作，例如，手指在要过滤区域长按触控屏，当在PC电脑终端适用场景下，用户将鼠标移到要过滤区域，浏览器检测到上述手势和鼠标操作后，判断为用户要过滤当前网页的内容，弹出操作菜单。
进一步地，在该操作菜单中有过滤的指令，用户选择该过滤指令，浏览器提示用户选择过滤区域。用户通过手指在屏幕上选择过滤区域，或通过鼠标选择过滤区域，浏览器检测用户的过滤指令的同时，检测用户在网页中选择的过滤区域。并且，为突出过滤区域，将过滤区域的边框设置为特殊格式，例如用粗黑线将边框做突出显示，该特殊格式是预置在系统中的，当确定过滤区域后，自动使用该特殊格式。
以用户过滤当前网页中的网页广告为例，请参阅图2，当用户通过浏览器浏览网页时，页面201右下角有网页广告202弹出，用户在网页广告位置进行特定操作，例如，在PC电脑终端通过点击鼠标右键，或，在移动终端通过手指在触控屏上长按以调出操作菜单，此时浏览器检测到上述鼠标或手指的操作后弹出操作菜单，在该操作菜单中有过滤广告相关选项，图3展示了弹出的该操作菜单203中有“屏蔽此广告”的选项，用户点击此选项后，通过鼠标、手写装置或手指的操作将要过滤的网页广告圈选出来，图4中由粗黑线突出显示的黑色边框204围绕的部分为用户选中的要过滤的网页广告。
102、确定与该过滤区域对应的网页目标节点；
确定与用户选择的该过滤区域对应的网页目标节点，该网页目标节点是与该过滤区域的指定度量值相同的网页元素节点。该网页元素节点是指文档对象模型(dom，Document Object Model)节点。
dom定义了访问HTML和XML文档的标准，即，整个文档是一个文档节点，每个HTML标签是一个元素节点，包含在HTML中的文本是文本节点，每一个HTML属性是一个属性节点。
例如，一个HTML文档的内容如下：
<html>
<head>
<title>DOM Tutorial</title>
</head>
<body>
<h1>DOM Lesson one</h1>
<p>Hello world！</p>
</body>
</html>
则，其中<head>、<body>、<title>、<p>、Hello world！等都是节点。
103、根据该网页目标节点的属性更新与该过滤区域对应的网页广告过滤规则中的属性参数，并提示该用户确认进行过滤；
网页广告过滤规则用属性及属性值来表示，可通过更新不同的属性及属性值等属性参数，来更新已存在的网页网广告规则，得到与该过滤区域对应的网页广告过滤规则。
具体地，网页广告过滤规则是已经预置在系统中了，通过更新规则中的各参数，便可得到对应的新的网页广告过滤规则。每个网页目标节点的属性均有对应的属性值(value)，根据该过滤区域的网页目标节点的属性更新网页广告过滤规则中的属性参数，得到与该过滤区域对应的网页广告过滤规则。符合该属性值的网页内容均会被过滤，不仅仅是网页广告内容可以被过滤。例如：若当网页目标节点是div，div节点的信息可以是：
<div class＝"z-catalog nslog-area log-set-param"log-set-param＝"catalogshow"Data-nslog-type＝"1016"id＝"catalog-0"date-subindex＝"0"style＝"width:310px；Background-image:url(/static/lemma/view3/img/cate_top_15.png)；">…</div>
其中的属性有class，id，style等，可以通过多个属性及属性值制定网页广告过滤规则，网页广告过滤规则可以是：
域名###domTagName[attribute1＝value1][attribute2＝value2]...
其中，dom是网页目标节点。
例如，网页广告过滤规则qq.com###div[id＝"abc"][class＝"def"]表示域名为qq.com的页面内属性满足id属性值为abc，且class属性值为def的div节点会被过滤。
进一步地，提示该用户确认进行过滤，可以是如图5所示的弹出网页广告过滤的确认界面。该确认界面中包括过滤提示信息，以及，取消和确定两个选择按钮，过滤提示信息内容可以是“要屏蔽选中的广告吗？”，当用户选择取消时，取消本次网页广告过滤，当用户选择确定时，执行本次网页广告过滤。
104、接收确认过滤的指令，并将更新后的网页广告过滤规则对应的网页元素节点进行过滤。
接收确认过滤的指令后，浏览器将更新后的网页广告过滤规则对应的网页元素节点进行过滤，这样，便将用户选择的过滤区域对应的网页内容进行了过滤，即，用户圈选的网页广告被过滤掉了，下次再访问该网页此网页广告也会被过滤，不会再显示在页面上。
本发明实施例中，用户选中要过滤的网页广告所在的区域，浏览器根据用户的选择自动更新对应的过滤规则，并将与该过滤规则对应的网页元素节点进行过滤，以达到过滤该网页内容的目的，再次加载该网页时，过滤的网页内容不再出现，操作更简单，效率更高，过滤规则更新快。并且用户根据自己的喜好选择过滤的网页内容，操作针对性更强。
请参阅图6，本发明第二实施例提供的网页广告过滤方法包括：
201、检测用户的过滤指令以及在网页中选择的过滤区域；
本发明实施例可适用于移动终端，也可适用于PC电脑终端。当在移动终端适用场景下，用户进行手势操作，例如，手指在要过滤区域长按触控屏，当在PC电脑终端适用场景下，用户将鼠标移到要过滤区域，浏览器检测到上述手势和鼠标操作后，判断为用户要过滤当前网页的内容，弹出操 作菜单。
进一步地，在该操作菜单中有过滤的指令，用户选择该过滤指令，浏览器提示用户选择过滤区域。用户通过手指在屏幕上选择过滤区域，或通过鼠标选择过滤区域，浏览器检测用户的过滤指令的同时，检测用户在网页中选择的过滤区域。并且，为突出过滤区域，将过滤区域的边框设置为特殊格式，例如用粗黑线将边框做突出显示，该特殊格式是预置在系统中的，当确定过滤区域后，自动使用该特殊格式。
以用户过滤当前网页中的网页广告为例，请参阅图2，当用户通过浏览器浏览网页时，页面201右下角有网页广告202弹出，用户在网页广告位置进行特定操作，例如，在PC电脑终端通过点击鼠标右键，或，在移动终端通过手指在触控屏上长按以调出操作菜单，此时浏览器检测到上述鼠标或手指的操作后弹出操作菜单，在该操作菜单中有过滤广告相关选项，图3展示了弹出的该操作菜单203中有“屏蔽此广告”的选项，用户点击此选项后，通过鼠标、手写装置或手指的操作将要过滤的网页广告圈选出来，图4中由粗黑线突出显示的黑色边框204围绕的部分为用户选中的要过滤的网页广告。
202、确定该过滤区域的中心在网页中的网页元素节点；
确定用户选择的过滤区域的中心点，获取该中心点在页面内的坐标P(centerX，centerY)，进一步确认该坐标对应的网页元素(dom)节点。
203、判断该网页元素节点的指定度量值是否与该区域的该指定度量值相符；
指定度量值指宽和高。进一步地，获取该dom节点的宽和高，判断该dom节点的宽度和高度是否与用户选择的过滤区域的宽度和高度相符。
若是，则执行步骤204；若否，则执行步骤205。
204、将该网页元素节点保存为该网页目标节点；
若该dom节点的宽度和高度与用户选择的过滤区域的宽度和高度相 符，则成功找到需要过滤的dom节点，将其保存为网页目标节点。
205、在该网页元素节点的各级父节点中逐级查找该指定度量值与该区域的该指定度量值相符的父节点，将第一个查找到的符合条件的父节点保存为该网页目标节点；
若该dom节点的宽度和高度与用户选择的过滤区域的宽度和高度不相符，则查找该dom节点的父节点，并判断该父节点的宽度和高度是否与用户选择的过滤区域的宽度和高度相符，这样逐级向上一直查找到父节点为空，如果在查找过程中没有找到符合条件的dom节点，则认为查找失败，如果查找到符合条件的dom节点，便将其保存为网页目标节点。
以上过程可以概括为，从该网页元素节点及其父节点中查找宽度和高度与用户选择的过滤区域的宽度和高度相符的节点，记录下查找到的第一个节点作为网页目标节点。
206、获取该网页目标节点的属性以及属性值；
获取该网页目标节点的属性以及属性值，该网页目标节点的属性均有对应的属性值(value)，符合该属性值的网页元素节点会被过滤。
具体地，可以用一个或多个属性的组合来标识各dom节点，dom节点的属性有class，id，style等，选用作为生成网页广告过滤规则的属性优先级是：id>class>style，即，若只通过一个属性来标识dom节点，以作为生成网页广告过滤规则，则优先选用id这个属性。
207、更新与该属性以及属性值相同的网页元素节点的显示状态为过滤，并提示该用户确认进行过滤；
更新与获取的属性以及属性值相同的网页元素节点的显示状态为过滤，由此可通过一个多个网页元素节点的属性及属性值设置网页广告过滤规则。例如，一个网页广告过滤规则可以是：
qq.com###div[id＝"abc"][class＝"def"]表示域名为qq.com的页面内属性满足id属性值为abc，且class属性值为def的div节点会被过滤。
域名###domTagName[attribute1＝value1][attribute2＝value2]...
其中，dom是网页目标节点。满足[attribute1＝value1]以及[attribute2＝value2]的网页元素节点便会被过滤。
在本实施例中，可以用一个或多个属性的组合来标识各dom节点，选用的属性的优先级是：id>class>style，即，若只通过一个属性来标识dom节点，则优先选用id这个属性。
进一步地，提示该用户确认进行过滤，如图5所示的弹出网页广告过滤的确认界面。
在浏览器启动时将解析内存中所有的网页广告过滤规则，在页面加载结束时判断是否存在当前加载的网页域名相符的网页广告过滤规则，若存在，则确认与网页广告过滤规则对应的要过滤的dom节点，具体是通过调用相关的JS(JavaScript)语句将其过滤，若不存在则不作处理。将生成的网页广告过滤规则保存在内存中，即时生效。
具体实例中，用户通过圈选网页广告生成的网页广告过滤规则，则及时添加到内存中，立即生效，下次再打开该网页则该圈选的网页广告不再弹出。
进一步地，用户可以通过网页广告过滤规则管理界面对各网页广告过滤规则进行选择或删除管理。具体地，当检测到用户触发管理网页广告过滤规则的操作时，显示管理界面，在该管理界面中显示各网页广告过滤规则对应的网页缩略图以及对应的选择按钮，根据用户的选择操作，确定当前生效的网页广告过滤规则。请参阅图7，图7为网页广告过滤规则管理界面701，用户可通过单击网页缩略图702或703(可以是网页截图)左侧的选择按钮704或705来确定是否过滤网页缩略图中对应的网页广告。选中(选择按钮704)为表示需要过滤，不选中(选择按钮705)表示不需要过滤。用户选择时只需要通过网页缩略图来辨认要过滤的网页广告，并通过点击操作来确认是否过滤，可辨识性强且操作简单。
207、接收确认过滤的指令，并将该网页广告过滤规则对应的网页元素节点进行过滤。
接收确认过滤的指令后，将更新后的网页广告过滤规则对应的网页元素节点进行过滤，这样，便将该过滤区域对应的网页内容进行了过滤，即，用户圈选的网页广告被过滤掉了，下次再访问该网页此网页广告也会被过滤，不会再显示在页面上。
本发明实施例中，用户选中要过滤的网页广告所在的区域，浏览器根据用户的选择自动更新网页广告的过滤规则，并将与该过滤规则对应的网页元素节点进行过滤，以达到过滤该网页内容的目的，再次加载该网页时，过滤的网页内容不再出现，操作更简单，效率更高，过滤规则更新快。并且用户根据自己的喜好选择过滤的网页内容，操作针对性更强。
请参阅图8，本发明第三实施例提供了网页广告过滤装置，该装置包括：
检测模块801，用于检测用户的过滤指令以及在网页中选择的过滤区域；
确定模块802，用于确定与该过滤区域对应的网页目标节点；
更新模块803，用于根据该网页目标节点的属性更新与该过滤区域对应的网页广告过滤规则中的属性参数；
提示模块804，用于提示该用户确认过滤；
接收模块805，用户接收确认过滤的指令；
过滤模块806，用于将该网页广告过滤规则对应的网页元素节点进行过滤。
关于本实施例的装置中各模块实现技术方案的其他细节，可参考第一实施例的描述，此处不再赘述。
本实施例中，用户选中要过滤的网页广告所在的区域，浏览器根据用户的选择自动更新网页广告的过滤规则，并将与该过滤规则对应的网页元素节点进行过滤，以达到过滤该网页内容的目的，再次加载该网页时，过 滤的网页内容不再出现，操作更简单，效率更高，过滤规则更新快。并且用户根据自己的喜好选择过滤的网页内容，操作针对性更强。
请参阅图9，本发明第四实施例提供的网页广告过滤装置包括：
检测模块901，用于检测用户的过滤指令以及在网页中选择的过滤区域；
确定模块902，用于确定与该过滤区域对应的网页目标节点；
更新模块903，用于根据该网页目标节点的属性更新与该过滤区域对应的网页广告过滤规则中的属性参数；
提示模块904，用于提示该用户确认过滤；
接收模块905，用户接收确认过滤的指令；
过滤模块906，用于将更新模块903更新后的网页广告过滤规则对应的网页元素节点进行过滤。
其中，确定模块902包括：
确定子模块9021，用于确定该过滤区域的中心在网页中的网页元素节点；
第一判断模块9022，用于判断该网页元素节点的指定度量值是否与该过滤区域的所述指定度量值相符；
保存模块9023，用于若第一判断模块9022判断该网页元素节点的指定度量值与该过滤区域的该指定度量值相符，则将该网页元素节点保存为该网页目标节点；
查找子模块9024，用于若第一判断模块9022判断该网页元素节点的指定度量值与该过滤区域的该指定度量值不相符，则在该网页元素节点的各级父节点中逐级查找该指定度量值与该过滤区域的该指定度量值相符的父节点；
保存模块9023，还用于将查找子模块9024第一个查找到的符合条件的父节点保存为该网页目标节点。
更新模块903包括：
获取模块9031，用于获取该网页目标节点的属性以及属性值；
更新子模块9032，用于更新与该属性以及属性值相同的网页元素节点的显示状态为过滤。
进一步地，该装置还包括：
解析模块907，用于当加载网页时，解析并读取所有网页广告过滤规则；
第二判断模块908，用于判断是否存在所加载网页的域名符合的网页广告过滤规则。
过滤模块906，还用于若第二判断模块908判断存在所加载网页的域名符合的网页广告过滤规则，则过滤与所符合的网页广告过滤规则中的网页元素节点属性以及属性值相同的网页元素节点。
该装置还可以进一步包括：
显示模块909，用于当检测到用户触发管理网页广告过滤规则的操作时，显示管理界面，该管理界面中显示各网页广告过滤规则对应的网页缩略图以及对应的选择按钮。
进一步地，确定模块902，还用于根据该用户的选择操作，确定当前生效的网页广告过滤规则。
关于本实施例的装置中各模块实现技术方案的其他细节，可参考第一及第二实施例的描述，此处不再赘述。
本实施例中，用户选中要过滤的网页广告所在的区域，浏览器根据用户的选择自动更新网页广告的过滤规则，并将与该过滤规则对应的网页元素节点进行过滤，以达到过滤该网页内容的目的，再次加载该网页时，过滤的网页内容不再出现，操作更简单，效率更高，过滤规则更新快。并且用户根据自己的喜好选择过滤的网页内容，操作针对性更强。
此外，本发明实施例还提供一种计算机可读存储介质，其内存储有计算机可执行指令，上述的计算机可读存储介质例如为非易失性存储器例如 光盘、硬盘、或者闪存。上述的计算机可执行指令用于让计算机或者类似的运算装置完成上述的数据处理方法中的各种操作。
以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭示如上，然而并非用以限定本发明，任何本领域技术人员，在不脱离本发明技术方案范围内，当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例，但凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。
- 还没有人留言评论。精彩留言会获得点赞！