美文网首页Android技术知识Android开发Android开发经验谈
WebView 开发中遇到问题及解决方案合集

WebView 开发中遇到问题及解决方案合集

作者: 芒果味的你呀 | 来源:发表于2018-08-24 17:03 被阅读69次

    1.Android Webview中解决H5的音视频不能自动播放的问题

    在android 4.2添加了允许用户手势触发音视频播放接口,该接口默认为 true ,即默认不允许自动播放音视频,只能是用户交互的方式由用户自己促发播放。

    解决:
    mWebview.getSettings().setMediaPlaybackRequiresUserGesture(false);
    

    2.WebView加载网页不显示图片解决办法

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                //允许进行混合加载
          webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
      }
    

    3.禁止webview跳转外部浏览器以及能够跳转微信支付宝

    webView.setWebViewClient(new WebViewClient() {
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) {
                    try {
                        if (url.startsWith("weixin://") //微信
                                || url.startsWith("alipays://") //支付宝
                                || url.startsWith("mailto://") //邮件
                                || url.startsWith("tel://")//电话
                            //其他自定义的scheme
                                ) {
                            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                            startActivity(intent);
                            return true;
                        }
                    } catch (Exception e) { //防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)
                        return true;//没有安装该app时,返回true,表示拦截自定义链接,但不跳转,避免弹出上面的错误页面
                    }
                    view.loadUrl(url);
                    return super.shouldOverrideUrlLoading(view, url);
                }
    

    4.webview不能下载apk

    解决方法同3 可以跳到外面的浏览器下载

            if (url.endsWith(".apk")) {
                    Uri uri = Uri.parse(url);
                    Intent intent = new Intent(Intent.ACTION_VIEW,uri);
                    startActivity(intent);
    
    

    5.webview在页面中如何返回

    在fragment中

      webView.setOnKeyListener(new View.OnKeyListener() {
                public boolean onKey(View v, int keyCode, KeyEvent event) {
                    if (keyCode == KeyEvent.KEYCODE_BACK
                            && event.getAction() == MotionEvent.ACTION_UP
                            && webView.canGoBack()) {
                        webView.goBack();
                        return true;
                    }
                    return false;
                }
    
            });
    

    在activity中

     /**
         * 点击返回键返回上一页而非退出
         *
         * @param keyCode
         * @param event
         * @return
         */
        @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_BACK) {
                if (mWebView.canGoBack()) {
                    mWebView.goBack();
                    return true;
                }
            }
            return super.onKeyDown(keyCode, event);
        }
    

    6.webview处理加载前progrese以及加载错误显示errorview,点击重新加载.

    加载progress的显示与消失主要在onProgressChanged方法里,自定义errorview,其中该view包含一个repeatRequest的按钮,当网络错误加载失败,重新点击该按钮webview重新加载。

      mWebView.setWebViewClient(new WebViewClient() {
    
    
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) {
                    //由应用处理,webview不处理
                    try {
                        if (url.startsWith("weixin://") //微信
                                || url.startsWith("alipays://") //支付宝
                                || url.startsWith("mailto://") //邮件
                                || url.startsWith("tel://")//电话
                                || url.endsWith(".apk")
                                || (!url.startsWith("http://") && !url.startsWith("https://"))
                            //其他自定义的scheme
                                ) {
                            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                            startActivity(intent);
                            return true;
                        }
                    } catch (Exception e) { //防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)
                        return true;//没有安装该app时,返回true,表示拦截自定义链接,但不跳转,避免弹出上面的错误页面
                    }
                    // 使用自己的WebView组件来响应Url加载事件,而不是使用默认浏览器器加载页面
                    view.loadUrl(url);
                    return super.shouldOverrideUrlLoading(view, url);
                }
    
                @Override
                public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                    super.onReceivedError(view, request, error);
                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                        isNetError = true;
                    }
                }
    
                @Override
                public void onPageFinished(WebView view, String url) {
                    super.onPageFinished(view, url);
                    L.d("WV", "onPageFinished");
                    if (isNetError) {
                        errorView.setVisibility(View.VISIBLE);
                    } else {
                        rlWebViewContent.setVisibility(View.VISIBLE);
                        errorView.setVisibility(View.GONE);
                    }
                    isNetError = false;
                }
    
                @Override
                public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                    super.onReceivedError(view, errorCode, description, failingUrl);
                }
    
    
    
            });
            mWebView.setWebChromeClient(new WebChromeClient() {
                @Override
                public void onReceivedTitle(WebView view, String title) {
                    super.onReceivedTitle(view, title);
                    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
                        if (title.contains("网页无法打开") || title.contains(url) || title.contains("404") || title.contains("500") || title.contains("Error"))
                            isNetError = true;
                    }
                }
    
                @Override
                public void onProgressChanged(WebView view, int newProgress) {
                    super.onProgressChanged(view, newProgress);
                    final int progress=newProgress;
                    new Handler().post(new Runnable() {
                        @Override
                        public void run() {
                            if (mProgressBar.getVisibility() == ProgressBar.GONE) {
                                mProgressBar.setVisibility(ProgressBar.VISIBLE);
                            }
                            mProgressBar.setProgress(progress);
                            mProgressBar.postInvalidate();
                            if (progress == 100) {
                                mProgressBar.setVisibility(View.GONE);
                            }
    
                        }
                    });
    
                }
            });
            repeatRequest.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mWebView.reload();
                }
            });
    

    webview加载progressbar的另一种方式

            progressBar = ProgressDialog.show(Main.this, "Example", "Loading...");  
            webview.setWebViewClient(new WebViewClient() {  
                public boolean shouldOverrideUrlLoading(WebView view, String url) {  
                    Log.i(TAG, "Processing webview url click...");  
                    view.loadUrl(url);  
                    return true;  
                }  
       
                public void onPageFinished(WebView view, String url) {  
                    Log.i(TAG, "Finished loading URL: " +url);  
                    if (progressBar.isShowing()) {  
                        progressBar.dismiss();  
                    }  
                }  
               .....
            });  
            webview.loadUrl("xxx");  
        }  
    

    7.webview 隐藏放大缩小按钮 以及适配屏幕配置

            mWebView.setVerticalScrollBarEnabled(false); //垂直滚动条不显示
            mWebView.setHorizontalScrollBarEnabled(false);//水平不显示
            WebSettings webSettings = mWebView.getSettings();
            webSettings.setDisplayZoomControls(false);//隐藏webview缩放按钮
            webSettings.setJavaScriptEnabled(true);
            webSettings.setUseWideViewPort(true);//屏幕适配:设置webview推荐使用的窗口,设置为true
            webSettings.setLoadWithOverviewMode(true);//设置webview加载的页面的模式,也设置为true
            webSettings.setAllowFileAccess(true);
            webSettings.setSupportZoom(true);//是否支持缩放
            webSettings.setBuiltInZoomControls(true);//添加对js功能的支持
    
    

    8.webview与js交互

    Android:你要的WebView与 JS 交互方式 都在这里了
    ...不断补充

    相关文章

      网友评论

      本文标题:WebView 开发中遇到问题及解决方案合集

      本文链接:https://www.haomeiwen.com/subject/fmqqvftx.html