[安卓开发] 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的网页源码解析,判断元素是否已经存在,存在就执行隐藏,结束循环。 当然也可以自己控制一下秒数最多循环多久。


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

版权声明:本文为博主原创文章,转载请带上出处,谢谢。

Android webview广告过滤的实现

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

android webview 去掉广告

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

android webview 如何去广告和如何解决重定向返回的问题。

android webview 如何去广告和如何解决重定向返回的问题。 去广告 原理:使用js 去掉广告div 上美图~~ 重定向返回:s...
  • u013223936
  • u013223936
  • 2015年04月23日 17:28
  • 1656

Android Webview广告过滤的实现

Android Webview广告过滤的实现
  • hyb745250618
  • hyb745250618
  • 2016年11月23日 18:05
  • 948

Android WebView显示广告

项目中用到了webview加载前端界面,也就是Hybrid App。 但是在webview显示的界面,出现了广告,在界面上边,或者下边,严重影响用户体验,所以需要去掉广告。 参考了文档1的实现方案,...
  • u010947098
  • u010947098
  • 2017年04月19日 17:55
  • 1752

webview过滤广告终极招式

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

使用webView加载页面,去除页面广告

#import "ViewController.h" @interface ViewController () @property (nonatomic, strong) UIWebVie...
  • CF_first
  • CF_first
  • 2016年01月19日 17:28
  • 1003

WebView与JS的那些事: 注入JS去除悬浮广告

刚做好前几个功能,老板又来业务了,说,我们的应用是推荐一些别人的文章,可是,你看简书和掘金,我们用他们的链接的时候,总是有下载应用的悬浮框,看起来特别的别扭,不喜欢,让我给他解决一下,我看了一下我之前...
  • u013000152
  • u013000152
  • 2017年04月22日 15:40
  • 991

Android开发笔记----界面布局及在布局上动态地增加删除子元素

1.re布局 这是一个相对布局,既可以跟父级的容器相对,也可以跟子元素相对。 跟子元素想对的时候,ru...
  • liang1232015
  • liang1232015
  • 2015年08月06日 11:33
  • 1301

webview拦截垃圾电信运营商的广告方法

android开发中拦截电信运营商的暴力加入的广告。
  • afa2016
  • afa2016
  • 2016年06月23日 16:56
  • 2192
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[安卓开发] WebView网页隐藏屏蔽广告元素标签|去除底部广告
举报原因:
原因补充:

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