一些基本的内容就不提及了,下面主要记录在开发中尤其需要注意的内容
要完成一定的自定义功能的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方法即可。