Android Webview广告过滤的示例

     Android Webview是可以加载本地资源了，这个功能在开发时肯定不是为了加载广告了，现在在安卓开发中Android Webview通常会用来加载广告了，下面我们来看看如何过滤广告吧。

现在大部分的android平台的浏览器都具有广告过滤的功能，同时大部分网站都有广告。广告行业是个盈利巨大的产业，就我看来，现在绝大部分的互联网产品，一般有两种营利模式：免费有广告和会员无广告；他们大部分（包括网站和APP等）盈利来源就是广告。作为用户而言，对广告十分反感，但是互联网上的服务我们能免费享受与支撑这些服务得以延续与成长却得益于广告。

优酷广告

百度了一下，网上竟然没有Android浏览器屏蔽广告的代码实现，所以极客人只能自己动手了。网页上的广告一般是站长在网页植入一段js代码，要想屏蔽广告只需要将这些js屏蔽掉即可。

WebViewClient的几个回调函数

要想对Webview实现一些高级操作，首先要学习WebViewClient的用法，这是Webview几个常用回调函数

1、public boolean shouldOverrideUrlLoading(WebView view, String url) ： 在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。
2、public void onReceivedSslError(WebView view, SslErrorHandler handler, android.net.http.SslError error)：
重写此方法可以让webview处理https请求。
3、public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event)：重写此方法才能够处理在浏览器中的按键事件。
4、 public void onLoadResource(WebView view, String url) ：在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。
5、 public void onPageStarted(WebView view, String url, Bitmap favicon) ：在页面加载开始时调用。
6、public void onPageFinished(WebView view, String url) ：在页面加载结束时调用。
初看上面的回调函数，极客人发现了一个巨大的坑，拦截广告就是拦截加载广告的js，上面的onLoadResource似乎是很合适的函数，只要判断onLoadResource的参数url是否是加载广告js的即可，如果不是广告相关的url正常加载，如果是则不加载。但是在使用onLoadResource之后才发现根本不行。

这里引用WebViewClient另外一个回调函数：public WebResourceResponse shouldInterceptRequest(WebView view, String url)

shouldInterceptRequest有两种重载。

public WebResourceResponse shouldInterceptRequest (WebView view, String url) 从API 11开始引入，API 21弃用
public WebResourceResponse shouldInterceptRequest (WebView view, WebResourceRequest request) 从API 21开始引入
这里极客人暂且使用shouldInterceptRequest (WebView view, String url)完成对webview广告的拦截。

拦截广告资源URL

在Webview加载资源时会回调shouldInterceptRequest函数，我们可以通过重写shouldInterceptRequest函数实现对webview的资源请求进行处理。进行处理后返回数据。如果主程序返回的数据为null，WebView会自行请求网络加载资源。这里有个坑：不是shouldInterceptRequest函数返回null就能屏蔽掉请求！正确的屏蔽请求的方式：

@Override
    public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
        url = url.toLowerCase();
 if (!ADFilterTool.hasAd(context, url)) {
                return super.shouldInterceptRequest(view, url);//正常加载
            }else{
                return new WebResourceResponse(null,null,null);//含有广告资源屏蔽请求
            }
}

下面是极客人写的屏蔽广告的NoAdWebViewClient类： 只需使用webview.setWebViewClient(NoAdWebViewClient webclient)即可屏蔽指定webview的广告。

NoAdWebViewClient 屏蔽广告

package cn.wangbaiyuan.webviewadblock;
 
import android.content.Context;
import android.util.Log;
import android.webkit.WebResourceResponse;
import android.webkit.WebView;
import android.webkit.WebViewClient;
 
/**
 * Created by BrainWang on 05/01/2016.
 */
public class NoAdWebViewClient extends WebViewClient {
    private  String homeurl;
    private Context context;
 
    public NoAdWebViewClient(Context context,String homeurl) {
        this.context = context;
        this.homeurl = homeurl;
    }
    @Override
    public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
        url = url.toLowerCase();
        if(!url.contains(homeurl)){
            if (!ADFilterTool.hasAd(context, url)) {
                return super.shouldInterceptRequest(view, url);
            }else{
                return new WebResourceResponse(null,null,null);
            }
        }else{
            return super.shouldInterceptRequest(view, url);
        }
 
 
    }
}

判断URL是否含广告的ADFilterTool类：该类通过判断url是否包含在广告拦截库中

package cn.wangbaiyuan.webviewadblock;
 
import android.content.Context;
import android.content.res.Resources;
import android.util.Log;
 
/**
 * Created by BrainWang on 05/01/2016.
 */
public class ADFilterTool {
    public static boolean hasAd(Context context, String url) {
        Resources res = context.getResources();
        String[] adUrls = res.getStringArray(R.array.adBlockUrl);
        for (String adUrl : adUrls) {
            if (url.contains(adUrl)) {
                return true;
            }
        }
        return false;
    }
}

广告Url资源文件（广告拦截库可自行百度更新）：AdUrlString.Xml

所谓广告拦截库，实际上是请求广告资源的url合集，网络上有大量的广告拦截库，读者可以定期更新一下文件来实现对广告的高效过滤。本文屏蔽的方式比较粗暴，凡是含有广告资源的域名统统禁止。要想实现更精准的过滤，访友你可以使用通配符匹配url的方式进行拦截，现在PC端的浏览器正是这样做的。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="adBlockUrl">
        <item>ubmcmm.baidustatic.com</item>
        <item>cpro2.baidustatic.com</item>
        <item>cpro.baidustatic.com</item>
        <item>s.lianmeng.360.cn</item>
        <item>nsclick.baidu.com</item>
        <item>pos.baidu.com</item>
        <item>cbjs.baidu.com</item>
        <item>cpro.baidu.com</item>
        <item>images.sohu.com/cs/jsfile/js/c.js</item>
        <item>union.sogou.com/</item>
        <item>sogou.com/</item>
        <item>a.baidu.com</item>
        <item>c.baidu.com</item>
 
    </string-array>
</resources>
 

     下面我们来看一篇关于安卓开发之Scroller.startScroll()方法简介，希望这篇文章能够让各位深入理解到Scroller.startScroll方法的用法。

上篇说到，可以使用scrollBy和scrollTo移动View,这里产生一个问题，加入一个View在屏幕的左上角即(0，0)位置，他调用

scrollTo（-300，-300）时，会立即跳过去，显得很突兀，如何让他平缓地划过去呢?就可以用本篇的方法了。

使用方法：

int startX;//滑动动作的起始点x坐标
int startY;//滑动动作的起始点y坐标
int dx;    //x轴偏移量向左为负,向右为正(即负值向右移，正值向左移)
int dy;    //y轴偏移量向左为负,向右为正(即负值向右移，正值向左移)
int duration;//时间，默认为250ms
注意:这里的dx和dy和上篇的scrollBy的参数相似,都是往哪个地方移动了多少，而不是往哪个点移动
Scroller mScroller=new Scroller(context);
mScroller.startScroll(startX,startY,dx,dy);
invalidate();//

除了上面的代码之外，还得重写View的computeScroll方法:

这里我的理解是：判断某一阶段滑动完成，就调用scrollTo方法，实现真正的移动

@Override
public void computeScroll() {
    if (mScroller.computeScrollOffset()) {
        scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
        postInvalidate();
    }
    super.computeScroll();
}

可能大家还有点不明白，我还是来画图吧:

一个view,距离上边300px,距离左边300px,即他的坐标为(300，300);

那么这个时候，我们希望他从当前的这个位置，缓慢移动到(0,0)，用时1秒，就这么写:

mScroller.startScroll(-300, -300, 300, 300,1000);

假设我们希望它从（300,300）移动到(100,100):

mScroller.startScroll(-300, -300, 200, 200,5000);

假设我们希望它从（300,300）移动到(200,200):

mScroller.startScroll(-300, -300, 100, 100,5000);

这样只是移动某段距离，那我们怎么样使它移动到一个固定的点呢?

我们可以这样做：假设我们想要移动到（100,100）:

mScroller.startScroll(-300, -300, 0, 0, 500);
mScroller.setFinalX(100);
mScroller.setFinalY(100);
invalidate();

我为什么这样写呢？是有依据的，看一下startScroll的源码:

public void startScroll(int startX, int startY, int dx, int dy, int duration) {
    mMode = SCROLL_MODE;
    mFinished = false;
    mDuration = duration;
    mStartTime = AnimationUtils.currentAnimationTimeMillis();
    mStartX = startX;
    mStartY = startY;
    mFinalX = startX + dx;
    mFinalY = startY + dy;
    mDeltaX = dx;
    mDeltaY = dy;
    mDurationReciprocal = 1.0f / (float) mDuration;
}
 

其中:

mFinalX = startX + dx;
mFinalY = startY + dy;

就是把我们传进去的几个值加了一下，意思就是，我们传的dx,dy，就是我们移动的偏移量，受到起始数值的约束，

所以我们单独操控mFinalX、mFinalY就可以了.

最后解释一下computeScroll方法:

@Override
public void computeScroll() {
    if (mScroller.computeScrollOffset()) {
        scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
        postInvalidate();
    }
    super.computeScroll();
}

首先把上面的例子拿来:

mScroller.startScroll(-300, -300, 300, 300,1000);
在（300,300）点，用时一秒，移动到(0，0),我们想一下，在一秒内完成这个操作，假设我们细分成100部分，即一部分为10ms,

那么在第一个10ms,    mScrollerd的getCurrX()就是-300+3=-270，getCurrX同理，即第一个10ms后，view需要向左边移动了3px，这个时候computeScroll调用了，我们先判断一下mScroller的第一个阶段是不是完成了，假设完成了，就调用scrollTo()方法。

这样经过100个部分,在我们看来，就是缓慢的移动过去了.

     下面我们来看一篇关于安卓开发之scrollBy和scrollTo简述的教程希望这篇文章可以帮助到各位深入理解到scrollBy和scrollTo的用法吧。

刚刚在学习listview滑动删除，要用到view的scrollBy和scrollTo，就研究了一下，下面分享一下:

先说scrollTo,

scrollTo(int x, int y):传入x,y坐标，将view移动到（-x,-y）位置

scrollBy(int x, int y):传入x,y坐标，将view向x正方向移动-x个单位，向y正方向移动-y个单位

假设x为正数，就向左移，反之向右

下面画个图举个例子:

红线框代表手机界面，黑框代表一个LinearLayout，id设为llayout;

下面调用:

llayout.scrollTo(-100,0);

效果:

这个时候再调用llayout.scrollTo(-100,0);图像是不会发生变化的，因为这个方法的作用是移动到固定的点

那么，这个时候再调用：llayout.scrollBy(-100,0);

图像就会变成这样:

即向右移动了100px,

这个时候假设再调用llayout.scrollTo(0,0);他又会回到初始位置了

 看scrollBy的方法可以看出:

scrollBy也是调用了scrollTo的方法，而参数是当前的Scroll坐标加上传入的坐标，即从当前位置移动（x,y）

public void scrollBy(int x, int y) {
    scrollTo(mScrollX + x, mScrollY + y);
}

可能有的同学会问，为什么参数是负的，走的确是正的方向，这个问题在view的某一句源码可以得到解释:

public void invalidate(int l, int t, int r, int b) {
    final int scrollX = mScrollX;
    final int scrollY = mScrollY;
    invalidateInternal(l - scrollX, t - scrollY, r - scrollX, b - scrollY, true, false);
}
负负得正，这样容易理解多了吧，至于为什么要减，各位可以自己去探索

 
使用通俗话总结下这两个方法:

假如两个人在跑步，scrollTo（-50,0）即移动到第50米，scrollBy（-50,0）即移动50米，当两人位于起点时，两方法等效

     下面我们来看一篇关于Ionic + cordova 构建 webapp 项目的例子，希望此教程能够给各位同学带来帮助。

开发环境是Windows，ubuntu + mac同理，测试平台为android，ios同理。

1.安装node.js

https://nodejs.org/dist/v4.4.5/
http://nodejs.org/download/

2.设置npm镜像

npm config set registry https://registry.npm.taobao.org

3.安装 cordova+ionic

npm install -g cordova ionic
npm update -g cordova ionic //更新

4.创建APP项目

ionic start myapp [template]
template：blank（空项目）、tabs（带导航条）、sidemenu（带侧滑菜单）
ionic platform add android
ionic build android
ionic platform add ios
ionic build ios
ionic run android //连接数据线直接测试

安卓打包环境配置：

1.JDK安装配置

   下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html
    安装的时候，jdk、jre装在同级目录下。
    配置环境变量，在系统变量中新建 JAVA_HOME，值为jdk的安装目录 D:\Program Files\Java\jdk1.8.0_91。在PATH中添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 。系统变量中新建 CLASSPATH，值为 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar。
    java -version

2.Android SDK

    下载地址：http://developer.android.com/sdk/index.html 或 http://www.android-studio.org/
    安装完成后配置环境变量，在系统变量中新建 ANDROID_HOME，值为安装目录 D:\Program Files\Android\android-sdk 。在PATH中添加 D:\Program Files\Android\android-sdk;%ANDROID_HOME%\tools; 。
    android -h

这时候SDK安装工具算是好了，然后就可以从SDK Manager中管理安装需要的SDK版本和GOOGLE API版本和文档了。这里主要看你安装的ionic对应的android版本，在你的ionic项目目录的platforms\android\project.properties文件中可以找到target=android-23。这里标识了项目所用的API版本，后面的数字刚好对应你在SDK Manager中看到的那些API后面的数字。

问题：