[安卓开发] WebView网页隐藏屏蔽广告元素标签|去除底部广告

原创 2016年04月21日 20:19:55

简介

有时候,我们用WebView加载的某些网页里面常常有广告,大大的影响了使用者的浏览效果,我们能不能去除呢? 答案当然是可以的,当然方法是偏门一点,是利用js把对应的广告块进行隐藏。。

js代码

document.querySelector('广告块的选择器').style.display="none";

通过上面的js代码可以对某个元素进行隐藏,达到去除的目的,js 的代码解析就不多说了。

1. 怎么样获取唯一选择器:

首先一款好的浏览器(我这里用的是火狐浏览器), 例如这里我要隐藏跟踪快递单这个广告块,在需要隐藏的元素上右击,选择查看元素

这里写图片描述

可以看到蓝色那个div 是广告块的div

这里写图片描述

在这个div上面右击,选择 复制唯一选择器,这样这个广告块的 唯一选择器就复制了

这里写图片描述

然后回到安卓代码:

安卓代码

@Override
public void onPageFinished(WebView view, String url) {
      view.loadUrl("javascript:function setTop(){document.querySelector('.ad-footer').style.display=\"none\";}setTop();"); 
}

在WebView 的setWebViewClient方法下面重写onPageFinished,在页面加载完成时候,执行js代码进行隐藏,上面的 .ad-footer 就是刚刚复制的唯一选择器,至于为什么要写一个函数来执行,而不是直接执行,请看我上一篇文章。

ps: 由于很多手机的系统不一样,WebView的内核也有些许不同,导致一些没有及时回调onPageFinished的,所以最好再把隐藏的代码加到WebChromeClient的onProgressChanged 里面

 @Override
        public void onProgressChanged(WebView view, int newProgress) {

            view.loadUrl("javascript:function setTop(){document.querySelector('.ad-footer').style.display=\"none\";}setTop();"); 

            super.onProgressChanged(view, newProgress);
        }

这里写图片描述

注意,有问题

有时候是会出现一些问题的,例如要隐藏的网页是 异步加载的,异步加载的意思就是你前端网页加载onFinish了,但是里面的数据还没加载出来,数据是页面加载了之后才用ajax加载出来的,所以在onProgress和onFinish的时候,你要隐藏的元素还没有异步加载出来,就会导致隐藏不了。

这种情况是很多见的,解决方法我暂时只能想到三个:

1. 和网页进行交互

android和网页端进行交互,网页异步完成回调andoid端的方法,进行隐藏

2. 延迟执行

可以用handler.posetDelay或者view.postDelay 来延迟执行隐藏的js的方法。

3. 循环判断网页元素

利用jsoup循环进行WebView的网页源码解析,判断元素是否已经存在,存在就执行隐藏,结束循环。 当然也可以自己控制一下秒数最多循环多久。


完毕,谢谢浏览,有错误请指点。

版权声明:本文为博主原创文章,转载请带上出处,谢谢。 https://blog.csdn.net/niubitianping/article/details/51212541

Android webview广告过滤的实现

WebViewClient的几个回调函数 要想对Webview实现一些高级操作,首先要学习WebViewClient的用法,这是Webview几个常用回调函数 1、public boolean sh...
  • luanxuye
  • luanxuye
  • 2017-02-09 14:17:38
  • 4879

Android Webview广告过滤的实现

Android Webview广告过滤的实现
  • hyb745250618
  • hyb745250618
  • 2016-11-23 18:05:08
  • 1189

[安卓开发] WebView网页隐藏屏蔽广告元素标签|去除底部广告

简介有时候,我们用WebView加载的某些网页里面常常有广告,大大的影响了使用者的浏览效果,我们能不能去除呢? 答案当然是可以的,当然方法是偏门一点,是利用js把对应的广告块进行隐藏。。js代码doc...
  • niubitianping
  • niubitianping
  • 2016-04-21 20:19:55
  • 10300

android webview 去掉广告

在webview网络请求时加过滤,除了规定的域名意外不请求网络 webview.setWebViewClient(new WebViewClient() { @Override ...
  • sinat_34015620
  • sinat_34015620
  • 2017-06-02 16:26:58
  • 1497

webview过滤广告终极招式

首先明白WebViewClient干啥的? 这货用于辅助WebView,处理各种通知、请求等事件今天就是要重写她的方法!这里主要交给javascript完成,那么javascript支持一定不能少!...
  • yoywow
  • yoywow
  • 2016-07-25 23:43:07
  • 4250

webView去广告

http://jwdev.cn/2015/09/28/use-javascript-to-delete-web-element/ 网页去广告教程
  • zhongqing_fzq
  • zhongqing_fzq
  • 2015-10-27 15:04:23
  • 352

webView 加载网页 删除网页元素

// getElementById 得到网页元素, 删除var help_menu = document.getElementById('help-menu'); help_menu.parentNo...
  • ffffjr
  • ffffjr
  • 2016-10-11 15:29:22
  • 207

Android-webview加载网页去除标题

问题描述: 在进行app开发时,我们会经常遇到webview加载一个网址的情况,但是仅仅是webview.loadUrl()并不能满足我们的需求,因为一般网页上面都有一个标题,,标题的颜色和我们的ap...
  • qq_32452623
  • qq_32452623
  • 2016-08-24 20:08:33
  • 7180

webview被植入广告的的屏蔽方案

原因:运营商植入广告导致。 解决方案:            抓包收集这类广告界面的URL,把相关广告的域名在客户端webview中拦截。            收集方式可以本地维护一个广告相关...
  • yclfdn2004
  • yclfdn2004
  • 2016-06-17 18:46:37
  • 1702

android怎样对webview加载的内容进行拦截修改

需求原因,由于App要用webview调用一个html5。但是网页上面老是有一些烦人的小广告,可是html5网页不受我控制,所以我就想能不能把它进行拦截或者修改。 当然有好的方法可以交流交流 ...
  • lcwoooo
  • lcwoooo
  • 2017-07-05 18:20:14
  • 1363
收藏助手
不良信息举报
您举报文章:[安卓开发] WebView网页隐藏屏蔽广告元素标签|去除底部广告
举报原因:
原因补充:

(最多只允许输入30个字)