[安卓开发] 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获取Html中的隐藏域

Android通过WebView获取Html中的隐藏域 package com.example.administrator.test; import android.content.Cont...

安卓加载webView只显示部分网页的方法

安卓加载webView只显示部分网页的方法如果我们需要用WebView加载一个网页但是又不想让用户看到一些元素,比如这个搜索框 这个时候我们就需要在加载url的时候用js代码动态去隐藏这些元素。具体的...

Android Webview广告过滤的实现

Android Webview广告过滤的实现

Android webview广告过滤的实现

WebViewClient的几个回调函数 要想对Webview实现一些高级操作,首先要学习WebViewClient的用法,这是Webview几个常用回调函数 1、public boolean sh...

让那些烦人的广告,滚出我们的APP!

1-现像 最近越来越多的用户向客服反映,在使用我们的App过程中,会莫名其妙的在底部出现广告,甚至黄色信息。这些信息不但困扰了用户,影响用户的使用,最关键是使得用户散失对我们公司的信任,觉得我...

Android WebView显示广告

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

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

原因:运营商植入广告导致。 解决方案:            抓包收集这类广告界面的URL,把相关广告的域名在客户端webview中拦截。            收集方式可以...

android webview 去掉广告

在webview网络请求时加过滤,除了规定的域名意外不请求网络 webview.setWebViewClient(new WebViewClient() { @Override ...

WebView使用过程中你该知道的二三事

WebView使用过程中你该知道的二三事我详细阅读了这篇文章,文章中包含的信息量非常大体现了作者的丰富经验,不过为了便于理解与阅读,我对文章进行了重新的排版和部分表达方式的修改。本次主要介绍 WebV...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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