WebView 的反思和记录 ---定制设置和常见问题

Python035

WebView 的反思和记录 ---定制设置和常见问题,第1张

一些基本的内容就不提及了,下面主要记录在开发中尤其需要注意的内容

要完成一定的自定义功能的webview,肯定就需要涉及到以下几个内容, WebSetting , WebViewClient , WebChromeClient , 它们可以让我们去定制一些内容.

初始化

其中比较重要的有一下:

帮助处理webView的各种通知,事件;

设置如下:

onPageStarted()

很多时候,这个方法都会被调用 不只一次 ,因为网址存在着重定向问题,所以会存在 onpageStarted() 不只被调用一次的情况,里面的逻辑处理也会被调用多次,编写时要注意争取保证里面的逻辑虽被调多次,但最好是只执行一次;加入一些防范机制。

但是经实际的测试,发现有时在点击链接后,其实webview是可以返回的,但是 canGoBack 是 false , 后来经过不断测试,发现了有些网址的加载在进度为30% 左右以后时,webView.canGoBack(), 才会返回true,。

onPageFinished()

会在网站加载结束后调用,在里面同样可以处理一些逻辑, 例如进度条逻辑 :

这里要注意,一定要把visibility 设置为 GONE , 若是设置为 INVISIBILITY ,则可能仍然会出现进度条加载到100% 后不消失的情况,要把其设置为 GONE .

注意: 在一些低版本的某些手机上面,这个方法也会被调用多次,

shouldOverrideUrlLoading()

返回false为最好,慎重返回为true;

在官网上的说法是这样的:

并且,这个方法默认是返回 false, 因此我们不需要去重写这个方法, 只需要:

便可实现利用webview去加载链接。

其他两个方法看意思便可知道如何使用。

WebChromeClient 是辅助webView 处理javaScript 的对话框,网站图标, 网站title, 加载进度等 事件;

设置如下:

onProgressChanged()

处理进度, 并且更新progressBar的进度;在这里设置去获取 webView.canGoBack()会发现在刚开始时,返回值为false, 当进度达到30左右时才开始返回true;

很多时候,都需要一边展示加载,一边显示加载的进度,这时,我们可以把WebView 和ProgressBar 放在一个 LinearLayout 里面,这样更加方便去操作这两者。

例如:

注意:加载完成时,要将 progressBar 设置为 setVisibility(View.GONE)

注意: 注意根布局的背景,因为在全屏的切换中可能会出现一些白色、黑色的底色,一般是由根布局的背景色引起的。

参考链接:

同一webview页面,加载完成后在小米手机上可正常返回,即canGoBack为false,直接调用super.onBackPress方法退出activity;而华为、oppo(目前已知)机型上,会出现canGoBack为true的情况,此时按下返回键会重新加载页面,用户体验很差。

1、经过debug检查,异常机型上页面加载会回调到shouldOverrideUrlLoading方法,由此判断可能是由于页面初始化发生了重定向导致的问题;

2、经过分析H5页面,发现页面加载时使用了window.location.replace方法,测试后发现在华为OV流手机上会被识别为跳转了新页面,即canGoback会返回true,造成返回时重复加载页面的问题。

1、让H5大佬修改下实现,避免使用replace(废话)

2、在onBackPress中判断当前加载的url和webview初始化时的url是否一致,如一致即代表目前实际处在顶层页面,不调用goback方法即可。