android webview 显示空白,WebView篇—— 加载Web页面空白原因

在Android开发过程中，为了方便更换内容、跨端等因素往往会选择Nature和Web混合开发，使用Web就不得不提到WebView，将网页Url直接放入WebView中就可显示网页内容，但是有时候会有加载不出来，显示一个空白页面，作者在开发过程中遇到两个原因导致此种现象，特此记录下来，一是为了自己以后避免再次入坑，二为有相同问题的同志助个力

原因一：Url设置不对

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return true;

}

@TargetApi(Build.VERSION_CODES.LOLLIPOP)

@Override

public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

view.loadUrl(request.getUrl().toString());//request.getUrl().getPath();得到的相对路径，加载会失败(出现空白页)

return true;

}

网页需要在WebView中显示时需要重写shouldOverrideUrlLoading()方法并返回true【事件消费】并给WebView实例设置网页Url，在API 21以上回调的是shouldOverrideUrlLoading(WebView view, WebResourceRequest request)，Url就包含在request实例中，其中有一个方法是request().getUrl().getPath()此方法获取到的是网页的相对路径，例如https://www.baidu.com/xxxxxxxxxx，此方法获取到的就是后面的xxxxxxxxxx，所有当设置成request().getUrl().getPath()肯定就会打不开显示空白，正确的姿势是view.loadUrl(request.getUrl().toString());

原因二：网页和网页资源混用Https和Http

image.png

从源码解释中看到Android API 21以后默认不允许使用Https与Http混合模式，所以当网页链接是Https，网页资源例如img是Http时，网页就会加载失败，所以需要以下设置即可：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

}

设置允许使用混合模式，这样当使用混合模式时就能成功加载网页

以上就是作者在开发中遇到的加载网页空白的原因，分享出来避免大家入坑！！!