WebView常见问题汇总

最新推荐文章于 2021-05-26 20:24:04 发布

kalun527

最新推荐文章于 2021-05-26 20:24:04 发布

阅读量508

点赞数 1

本文链接：https://blog.csdn.net/qq_31977927/article/details/53228972

版权

1.为WebView自定义错误显示界面:

覆写WebViewClient中的onReceivedError()方法:

[java]view plaincopy 
   
 /** 
  * 显示自定义错误提示页面，用一个View覆盖在WebView 
  */  
 protected void showErrorPage() {  
     LinearLayout webParentView = (LinearLayout)mWebView.getParent();  
       
     initErrorPage();  
     while (webParentView.getChildCount() > 1) {  
         webParentView.removeViewAt(0);  
     }  
     LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);  
     webParentView.addView(mErrorView, 0, lp);  
     mIsErrorPage = true;  
 }  
 protected void hideErrorPage() {  
     LinearLayout webParentView = (LinearLayout)mWebView.getParent();  
       
     mIsErrorPage = false;  
     while (webParentView.getChildCount() > 1) {  
         webParentView.removeViewAt(0);  
     }  
 }  
   
   
    protected void initErrorPage() {  
     if (mErrorView == null) {  
         mErrorView = View.inflate(this, R.layout.online_error, null);  
         Button button = (Button)mErrorView.findViewById(R.id.online_error_btn_retry);  
         button.setOnClickListener(new OnClickListener() {  
             public void onClick(View v) {  
                 mWebView.reload();  
             }  
         });  
         mErrorView.setOnClickListener(null);  
     }  
 }  

[java]view plaincopy 
   
   

[java]view plaincopy 
   
   

[java]view plaincopy 
   

@Override
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
mErrorView.setVisibility(View.VISIBLE);
super.onReceivedError(view, errorCode, description, failingUrl);

}
2.WebView cookies清理：
[java] view plain copy
1. CookieSyncManager.createInstance(this);
2. CookieSyncManager.getInstance().startSync();
3. CookieManager.getInstance().removeSessionCookie();
3.判断WebView是否已经滚动到页面底端:
[java] view plain copy
1. getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离.
2. getHeight()或者getBottom()方法都返回当前WebView 这个容器的高度
3. getContentHeight 返回的是整个html 的高度,但并不等同于当前整个页面的高度,因为WebView 有缩放功能, 所以当前整个页面的高度实际上应该是原始html 的高度再乘上缩放比例. 因此,更正后的结果,准确的判断方法应该是：
4. if(WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){ //已经处于底端 }
4.URL拦截:

Android WebView是拦截不到页面内的fragment跳转的。但是url跳转的话，又会引起页面刷新，H5页面的体验又下降了。只能给WebView注入JS方法了。
5.在页面中先显示图片:
[java] view plain copy
1. @Override
2. public void onLoadResource(WebView view, String url) {
3. mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_LOAD_RESOURCE, url);
4. if (url.indexOf(".jpg") > 0) {
5. hideProgress(); //请求图片时即显示页面
6. mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl());
7. }
8. super.onLoadResource(view, url);
9. }
6.屏蔽掉长按事件因为webview长按时将会调用系统的复制控件:
[java] view plain copy
1. mWebView.setOnLongClickListener(new OnLongClickListener() {
3. @Override
4. public boolean onLongClick(View v) {
5. return true;
6. }
7. });
7.在WebView加入 flash支持:
[java] view plain copy
1. String temp = "<html><body bgcolor=\"" + "black"
2. + "\"> <embed src=\"" + url + "\" width=\"" + "100%"
3. + "\" height=\"" + "90%" + "\" scale=\"" + "noscale"
4. + "\" type=\"" + "application/x-shockwave-flash"
5. + "\"> </embed></body></html>";
6. String mimeType = "text/html";
7. String encoding = "utf-8";
8. web.loadDataWithBaseURL("null", temp, mimeType, encoding, "");
8.WebView保留缩放功能但隐藏缩放控件:
[java] view plain copy
1. mWebView.getSettings().setSupportZoom(true);
2. mWebView.getSettings().setBuiltInZoomControls(true);
3. if (DeviceUtils.hasHoneycomb())
4. mWebView.getSettings().setDisplayZoomControls(false);
注意：setDisplayZoomControls是在Android 3.0中新增的API.

这些是目前我整理出来的一些注意事项和问题解决方案,也欢迎大家多提一些关于webview的问题,如果有合适的解决方案,我会直接更新到这篇文章.

9.需要通过获取Web页中的title用来设置自己界面中的title及相关问题:

需要给WebView设置 WebChromeClient,并在onReceiveTitle()回调中获取
[java] view plain copy
1. WebChromeClient webChromeClient = new WebChromeClient() {
2. @Override
3. public void onReceivedTitle(WebView view, String title) {
4. super.onReceivedTitle(view, title);
6. txtTitle.setText(title);
7. }
9. };
但是发现在小米3的手机上，当通过webview.goBack()回退的时候，并没有触发onReceiveTitle()，这样会导致标题仍然是之前子页面的标题，没有切换回来.

这里可以分两种情况去处理：

(1) 可以确定webview中子页面只有二级页面，没有更深的层次，这里只需要判断当前页面是否为初始的主页面，可以goBack的话，只要将标题设置回来即可.

(2)webview中可能有多级页面或者以后可能增加多级页面,这种情况处理起来要复杂一些:

 因为正常顺序加载的情况onReceiveTitle是一定会触发的，所以就需要自己来维护webview loading的一个url栈及url与title的映射关系

 那么就需要一个ArrayList来保持加载过的url,一个HashMap保存url及对应的title.

 正常顺序加载时，将url和对应的title保存起来，webview回退时，移除当前url并取出将要回退到的web 页的url,找到对应的title进行设置即可.

这里还要说一点，当加载出错的时候，比如无网络，这时onReceiveTitle中获取的标题为找不到该网页,因此建议当触发onReceiveError时，不要使用获取到的title.
:

10. WebView长按自定义菜单,实现复制分享相关功能

这个功能首先可以从两方面完成：

(1) 在js中完成:

处理android.selection.longTouch

(2) 安卓层处理:

首先使用OnTouchListener实现长按实现监听,然后实现WebView的Context menu,最后调用webview中的emulateShiftHeld(),为了适配安卓不同版本,最好使用反射方式调用.

kalun527

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WebView常见问题汇总

1.为WebView自定义错误显示界面:覆写WebViewClient中的onReceivedError()方法:[java] view plain copy /** * 显示自定义错误提示页面，用一个View覆盖在WebView */ protected void showErrorPage() { Line
复制链接

扫一扫