基础使用目录介绍

11.什么是302/303重定向
12.301/302业务场景白屏描述
13.301/302业务白屏解决方案
14.301/302回退栈问题描述
15.301/302回退栈问题解决方案1
16.301/302回退栈问题解决方案2
17.301/302回退栈问题解决方案3
18.如何用代码判断是否重定向
19.shouldOverrideUrlLoading
20.重定向终极优雅解决方案

12.301/302业务场景白屏描述

业务场景问题
- 对于需要对url进行拦截以及在url中需要拼接特定参数的WebView来说，301和302发生的情景主要有以下几种：
- 首次进入，有重定向，然后直接加载H5页面，如http跳转https
- 首次进入，有重定向，然后跳转到native页面，如扫一扫短链，然后跳转到native
- 二次加载，有重定向，跳转到native页面
- 类似登录后跳转到某个页面的需求。如我的拼团，未登录状态下点击我的拼团跳转到登录页面，登录完成后再加载我的拼团页
遇到问题分析
- 第一种情况属于正常情况，暂时没遇到什么坑。
- 第二种情况，会遇到WebView空白页问题，属于原始url不能拦截到native页面，但301/302后的url拦截到native页面的情况，当遇到这种情况时，需要把WebView对应的Activity结束，否则当用户从拦截后的页面返回上一个页面时，是一个WebView空白页。
- 第三种情况，也会遇到WebView空白页问题，原因在于加载的第一个页面发生了重定向到了第二个页面，第二个页面被客户端拦截跳转到native页面，那么WebView就停留在第一个页面的状态了，第一个页面显然是空白页。
- 第四种情况，会遇到无限加载登录页面的问题。
为何会出现白屏
- webView自带的背景就是白色的

13.301/302回退栈问题描述

无论是哪种重定向场景，都不可避免地会遇到回退栈的处理问题，如果处理不当，用户按返回键的时候不一定能回到重定向之前的那个页面。很多开发者在覆写WebViewClient.shouldOverrideUrlLoading()方法时，会简单地使用以下方式粗暴处理：
```
WebView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
)
```
这种方法最致命的弱点就是如果不经过特殊处理，那么按返回键是没有效果的，还会停留在302之前的页面。现有的解决方案无非就几种：
- 手动管理回退栈，遇到重定向时回退两次。
- 通过HitTestResult判断是否是重定向，从而决定是否自己加载url。具体看：16.301/302回退栈问题解决方案2
- 通过设置标记位，在onPageStarted和onPageFinished分别标记变量避免重定向。具体看：17.301/302回退栈问题解决方案3
- 通过用户的touch事件来判断重定向。这个看：15.301/302回退栈如何处理1
这几种解决方案都不是完美的，都有缺陷。

15.301/302回退栈如何处理1

在提供解决方案之前，我们需要了解一下shouldOverrideUrlLoading方法的返回值代表什么意思。
- 简单地说，就是返回true，那么url就已经由客户端处理了，WebView就不管了，如果返回false，那么当前的WebView实现就会去处理这个url。
- WebView能否知道某个url是不是301/302呢？当然知道，WebView能够拿到url的请求信息和响应信息，根据header里的code很轻松就可以实现，事实正是如此，交给WebView来处理重定向(return false)，这时候按返回键，是可以正常地回到重定向之前的那个页面的。（PS：从上面的章节可知，WebView在5.0以后是一个独立的apk，可以单独升级，新版本的WebView实现肯定处理了重定向问题）
- 但是，业务对url拦截有需求，肯定不能把所有的情况都交给系统WebView处理。为了解决url拦截问题，本文引入了另一种思想——通过用户的touch事件来判断重定向。下面通过代码来说明。

核心代码如下所示，具体代码见本案例中的ScrollWebView类代码

@Override
public void setWebViewClient(final WebViewClient client) {
    super.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            boolean handleByChild = null != client && client.shouldOverrideUrlLoading(view, url);
               if (handleByChild) {
                // 开放client接口给上层业务调用，如果返回true，表示业务已处理。
                return true;
               } else if (!isTouchByUser()) {
                // 如果业务没有处理，并且在加载过程中用户没有再次触摸屏幕，认为是301/302事件，直接交由系统处理。
                return super.shouldOverrideUrlLoading(view, url);
            } else {
                //否则，属于二次加载某个链接的情况，为了解决拼接参数丢失问题，重新调用loadUrl方法添加固有参数。
                loadUrl(url);
                return true;
            }
        }
        @RequiresApi(api = Build.VERSION_CODES.N)
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            boolean handleByChild = null != client && client.shouldOverrideUrlLoading(view, request);
            if (handleByChild) {
                return true;
            } else if (!isTouchByUser()) {
                return super.shouldOverrideUrlLoading(view, request);
            } else {
                loadUrl(request.getUrl().toString());
                return true;
            }
        }
    });
}

如何在android中的webView上获得onclick事件
- WebView似乎没有发送点击事件OnClickListener
如何设置触摸事件

16.301/302回退栈问题解决方案2

WebView有一个getHitTestResult():返回的是一个HitTestResult，一般会根据打开的链接的类型，返回一个extra的信息
- 如果打开链接不是一个url，或者打开的链接是JavaScript的url，他的类型是UNKNOWN_TYPE，这个url就会通过requestFocusNodeHref(Message)异步重定向。
- 返回的extra为null，或者没有返回extra。根据此方法的返回值，判断是否为null，可以用于解决网页重定向问题。
- requestFocusNodeHref的意思是：请求焦点节点Href

代码如下所示

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
        WebView.HitTestResult hitTestResult = view.getHitTestResult();
    //hitTestResult==null解决重定向问题
    if (!TextUtils.isEmpty(url) && hitTestResult == null) {
        view.loadUrl(url);
        return true;
    }
    return super.shouldOverrideUrlLoading(view, url);
}

17.301/302回退栈问题解决方案3

页面被重定向了会走怎样的步骤呢，首先会回调shouldOverrideUrlLoading，然后回调onPageStarted，最后走onPageFinished。
- 据此我们可以修改代码如下，增加一个计数器判断当前的onPageFinished

代码如下所示

mWebView.setWebViewClient(new WebViewClient() {
    int running = 0;
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        running++;
        return true;
    }

    @Override
    public void onPageStarted(WebView webView, String s, Bitmap bitmap) {
        super.onPageStarted(webView, s, bitmap);
        running = Math.max(running, 1);
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        if (--running==0) {
            setWebViewHeight();
        }
    }
});

18.如何用代码判断是否重定向

遇到问题说明

用WebView调用webView.loadUrl(url)加载某个网页。点击WebView的某个链接跳转下一个页面。但是下面这样做，会出现问题；
如果webView第一次加载的url重定向到了另一个地址，此时也会走shouldOverrideUrlLoading的回调。这样一来，出现的现象就是WebView是空的，直接打开了浏览器。

webView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
            Uri uri = Uri.parse(url);
            Intent intent = new Intent(Intent.ACTION_VIEW, uri);
            try {
                view.getContext().startActivity(intent);
            } catch (ActivityNotFoundException e) {
                e.printStackTrace();
            }
            return true;
    }
});

解决问题分析思考
- 要解决这个问题，很容易想到的解决方案是找找WebView有没有对重定向的判断方法，如果有的话，我们就可以对重定向的回调另外处理。
- 很不幸，WebView并没有提供相应的方法。是不是就没办法处理了呢？当然不是。

第一种解决方案案例

WebView有一个getHitTestResult():返回的是一个HitTestResult，一般会根据打开的链接的类型，返回一个extra的信息，如果打开链接不是一个url，或者打开的链接是JavaScript的url，他的类型是UNKNOWN_TYPE，这个url就会通过requestFocusNodeHref(Message)异步重定向。返回的extra为null，或者没有返回extra。根据此方法的返回值，判断是否为null，可以用于解决网页重定向。
该方案有个缺陷是，如果遇到的需求是前言描述的那样，二正好点击的链接发生了重定向，就不会在另一个页面打开，而是直接在当前的WebView里了。

webView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        //判断重定向的方式一
        WebView.HitTestResult hitTestResult = view.getHitTestResult();
        if(hitTestResult == null) {
            return false;
        }
        if(hitTestResult.getType() == WebView.HitTestResult.UNKNOWN_TYPE) {
            return false;
        }

        Uri uri = Uri.parse(url);
        Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        try {
            view.getContext().startActivity(intent);
        } catch (ActivityNotFoundException e) {
            e.printStackTrace();
        }
        return true;
    }
});

第二种解决方案案例

WebView在加载一个页面开始的时候会回调onPageStarted方法，在该页面加载完成之后会回调onPageFinished方法。而如果该链接发生了重定向，回调shouldOverrideUrlLoading会在回调onPageFinished之前。
有了这个前提，我们就可以加一个mIsPageLoading的标记，在onPageStarted回调的时候置为true，在onPageFinished回调的时候置为false。在shouldOverrideUrlLoading里面就可以判断该标记，如果为true，则表示该回调是重定向，否则直接打开浏览器。代码如下：

private boolean mIsPageLoading;
//代码省略
webView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        //判断重定向的方式二
        if(mIsPageLoading) {
            return false;
        }

        if(url != null && url.startsWith("http")) {
            webView.loadUrl(url);
            return true;
        } else {
            Uri uri = Uri.parse(url);
            Intent intent = new Intent(Intent.ACTION_VIEW, uri);
            try {
                view.getContext().startActivity(intent);
            } catch (ActivityNotFoundException e) {
                e.printStackTrace();
            }
            return true;
        }
    }

    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        super.onPageStarted(view, url, favicon);
        mIsPageLoading= true;
        Log.d(TAG, "onPageStarted");
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        mIsPageLoading= false;
        Log.d(TAG, "onPageFinished");
    }
});

该方案也会产生另一个问题：当页面没有全部加载完之前，加载出来的部分页面的链接也是可以点击的。这样一来在shouldOverrideUrlLoading里面本来是对链接的点击也会被当成重定向链接在当前的WebView里面打开。
要避免这种情况，只能在页面完全加载出来之前禁止WebView的点击。

webView.setOnTouchListener(new WebViewTouchListener());
//代码省略
private class WebViewTouchListener implements View.OnTouchListener {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        return !mIsLoading;
    }
}

19.shouldOverrideUrlLoading

首先看一下shouldOverrideUrlLoading方法
- 这个方法中可以做拦截，主要的作用是处理各种通知和请求事件。
- 返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器。
有哪些几个方法，之间有何区别
- boolean shouldOverrideUrlLoading(WebView view, String url)
- boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
具体看
- https://mp.weixin.qq.com/s?__biz=MzA5MzI3NjE2MA==&mid=2650237226&idx=1&sn=d7d434b8644bb9543485ce81226125e5&chksm=88639845bf141153b265ee26b39aa8a2ef74248e010b568b288cffc0726012f8bce6f5a675bf&scene=38#wechat_redirect

20.重定向终极优雅解决方案

需要准备的条件
- 创建一个栈，主要是用来存取和移除url的操作。这个url包括所有的请求链接
- 定义一个变量，用于判断页面是否处于正在加载中。
- 定义一个变量，用于记录重定向前的链接url
- 定一个重定向时间间隔，主要为了避免刷新造成循环重定向
具体怎么操作呢
- 在执行onPageStarted时，先移除栈中上一个url，然后将url加载到栈中。
- 当出现错误重定向的时候，如果和上一次重定向的时间间隔大于3秒，则reload页面。
- 在回退操作的时候，判断如果可以回退，则从栈中获取最后停留的url，然后loadUrl。即可解决回退问题。

具体的代码如下所示

/**
 * 记录上次出现重定向的时间.
 * 避免由于刷新造成循环重定向.
 */
private long mLastRedirectTime = 0;
/**
 * 默认重定向间隔.
 * 避免由于刷新造成循环重定向.
 */
private static final long DEFAULT_REDIRECT_INTERVAL = 3000;
/**
 * URL栈
 */
private final Stack<String> mUrlStack = new Stack<>();
/**
 * 判断页面是否加载完成
 */
private boolean mIsLoading = false;
/**
 * 记录重定向前的链接
 */
private String mUrlBeforeRedirect;
/**
 * 太多的重定向错误
 */
private static int ERR_TOO_MANY_REDIRECTS = -9;


@Override
public void onPageStarted(WebView webView, String url, Bitmap bitmap) {
    super.onPageStarted(webView, url, bitmap);
    if (mIsLoading && mUrlStack.size() > 0) {
        mUrlBeforeRedirect = mUrlStack.pop();
    }
    recordUrl(url);
    mIsLoading = true;
}

@Override
public void onPageFinished(WebView view, String url) {
    if (mIsLoading) {
        mIsLoading = false;
    }
}

private void recordUrl(String url) {
    if (!TextUtils.isEmpty(url) && !url.equals(getUrl())) {
        if (!TextUtils.isEmpty(mUrlBeforeRedirect)) {
            mUrlStack.push(mUrlBeforeRedirect);
            mUrlBeforeRedirect = null;
        }
    }
}

@Nullable
public String getUrl() {
    //peek方法，查看此堆栈顶部的对象，而不将其从堆栈中删除。
    return mUrlStack.size() > 0 ? mUrlStack.peek() : null;
}

/**
 * 回退操作
 * @param webView                           webView
 * @return
 */
public final boolean pageGoBack(@NonNull WebView webView) {
    //判断是否可以回退操作
    if (pageCanGoBack()) {
        //获取最后停留的页面url
        final String url = popBackUrl();
        //如果不为空
        if (!TextUtils.isEmpty(url)) {
            webView.loadUrl(url);
            return true;
        }
    }
    return false;
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

WebView2.md

WebView2.md

基础使用目录介绍

12.301/302业务场景白屏描述

13.301/302回退栈问题描述

15.301/302回退栈如何处理1

16.301/302回退栈问题解决方案2

17.301/302回退栈问题解决方案3

18.如何用代码判断是否重定向

19.shouldOverrideUrlLoading

20.重定向终极优雅解决方案

Files

WebView2.md

Latest commit

History

WebView2.md

File metadata and controls

基础使用目录介绍

12.301/302业务场景白屏描述

13.301/302回退栈问题描述

15.301/302回退栈如何处理1

16.301/302回退栈问题解决方案2

17.301/302回退栈问题解决方案3

18.如何用代码判断是否重定向

19.shouldOverrideUrlLoading

20.重定向终极优雅解决方案