解决WebView加载默认错误界面丑陋问题

废话不多说,直接上代码:

	View mImgNodata;//这个是自定义的错误界面,里面有刷新按钮
	private boolean mIsLoadSuccess = true;
	
    @SuppressLint({"AddJavascriptInterface", "SetJavaScriptEnabled"})
    private void initwebView() {
        webSettings = mWebview.getSettings();//获得WebView的设置
        webSettings.setJavaScriptEnabled(true);  //支持js
        webSettings.setUseWideViewPort(true);// 设置此属性,可任意比例缩放
        webSettings.setAllowFileAccess(true);
        webSettings.setLoadWithOverviewMode(true);//适配
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);  //设置 缓存模式
        webSettings.setDomStorageEnabled(true);// 开启 DOM storage API 功能
        webSettings.setDatabaseEnabled(true);//开启 database storage API 功能
        webSettings.setAppCacheEnabled(true);//开启 Application Caches 功能
        //webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);// 排版适应屏幕
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        webSettings.setAllowFileAccess(true);
        webSettings.setPluginState(WebSettings.PluginState.ON);
        webSettings.setSupportZoom(true); //支持缩放,默认为true。是下面那个的前提。
        webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false,则该WebView不可缩放
        webSettings.setDisplayZoomControls(true); //隐藏原生的缩放控件
        webSettings.setBlockNetworkImage(false);//解决图片不显示
        webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
        webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式

        //加上这个
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            webSettings.setAllowFileAccessFromFileURLs(true);
        }
        //该界面打开更多链接
        mWebview.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView webView, String s) {
                webView.loadUrl(s);
                return true;
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                if (pd != null && pd.isShowing()) {
                    pd.dismiss();
                }
                if (mIsLoadSuccess) {
                    mImgNodata.setVisibility(View.GONE);
                    mWebview.setVisibility(View.VISIBLE);
                } else {
                    mImgNodata.setVisibility(View.VISIBLE);
                    mWebview.setVisibility(View.GONE);
                }
            }

            @Override
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
                //Log.e(TAG, "onReceivedError: ----url:" + error.getDescription());
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    return;
                }
                if (pd != null && pd.isShowing()) {
                    pd.dismiss();
                }
                // 在这里显示自定义错误页
                mImgNodata.setVisibility(View.VISIBLE);
                mWebview.setVisibility(View.GONE);
                mIsLoadSuccess = false;
            }

            // 新版本,只会在Android6及以上调用
            @TargetApi(Build.VERSION_CODES.M)
            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
             
                if (request.isForMainFrame()) { // 或者: if(request.getUrl().toString() .equals(getUrl()))
                    // 在这里显示自定义错误页
                    mImgNodata.setVisibility(View.VISIBLE);
                    mWebview.setVisibility(View.GONE);
                    mIsLoadSuccess = false;
                }
            }

            @Override
            public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
                //Log.e("web", "页面加载ssl onReceivedSslError = " + error.toString());
                //handler.cancel();// 默认的处理方式,WebView变成空白页
                handler.proceed();//忽略证书的错误继续Load页面内容,不会显示空白页面
                // super.onReceivedSslError(view, handler, error);
            }
        });

        //解决WebView无法弹出alert框问题
        mWebview.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message,
                                     JsResult result) {
                // TODO Auto-generated method stub
                return super.onJsAlert(view, url, message, result);
            }
        });

        mWebview.addJavascriptInterface(new JsInterface(), "Android");
        mWebview.loadUrl(Urls.mIp + "pages/login/login");
    }

	//点击自定义界面刷新按钮.
	@OnClick(R.id.txt_fresh)
    public void onClick() {
        mIsLoadSuccess = true;
        initwebView();
    }

核心代码:onPageFinished(),onReceivedError() //注意有俩个方法,不同的参数

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

成功之路必定艰辛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值