(源码)解决Android的WebView加载失败(404,500),显示的自定义视图,

好多朋友会在Android开发过程中遇到使用WebView加载html页面出现404,500等错误页面,也有好多人想自定义这个错误页面,但是在6.0之前,大家觉得自定义错误页面就不好处理了;
之前一直使用在WebView加载时,根据onReceivedError() 判断网页是否加载成功,然后做相应的操作,但是最后发现,在一些情况下,html页面加载失败了,onReceivedError()方法却并没有执行。
最后进过努力,想出了一个比较笨,但是我又觉得比较有效的方法。下面来给大家简单说一说:
不知道大家发现没有,在所有的加载错误的html页面中,html的标题title可能都会包含错误信息,比如说“error”,这样的话我们就可以在这个html的标题title上做文章了。

1.先给大家说说怎么获取这个html的标题title

(1).Android应用开发的时候使用WebView这个组件的过程中可能会接触到WebViewClient与WebChromeClient,那么这两个类到底有什么不同呢

WebViewClient主要帮助WebView处理各种通知、请求事件的,比如:

    onLoadResource
    onPageStart
    onPageFinish
    onReceiveError
    onReceivedHttpAuthRequest

WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等比如
    onCloseWindow(关闭WebView)
    onCreateWindow()
    onJsAlert (WebView上alert无效,需要定制WebChromeClient处理弹出)
    onJsPrompt
    onJsConfirm
    onProgressChanged
    onReceivedIcon
    onReceivedTitle

看上去他们有很多不同,实际使用的话,如果你的WebView只是用来处理一些html的页面内容,只用WebViewClient就行了,如果需要更丰富的处理效果,
比如JS、进度条等,就要用到WebChromeClient。

(2).我们可以看到在 WebChromeClient 中有一个方法 onReceivedTitle() ,这个方法就是用来获取html页面的标题title的回调。

2.我们在 WebChromeClient 中的 onReceivedTitle() 方法里判断html页面的标题中是否含有 “error” ,如果有,则证明html加载失败,设置加载失败的标记,让在 WebViewClient 的完成是回

调的 onPageFinish() 方法里显示自定义的加载失败的页面**

代码如下:

WebSettings webSettings = webView.getSettings();
 //设置WebView属性,能够执行Javascript脚本
 webSettings.setJavaScriptEnabled(true);
 //设置可以访问文件
 webSettings.setAllowFileAccess(true);
 webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);


 webView.setWebViewClient(new WebViewClient() {
     @Override
     public boolean shouldOverrideUrlLoading(WebView view, String url) {
         view.loadUrl(url);
         return true;
     }

     /**
      * 网页页面开始加载的时候,执行的回调方法
      * @param view
      * @param url
      * @param favicon
      */
     @Override
     public void onPageStarted(WebView view, String url, Bitmap favicon) {//网页页面开始加载的时候
         emptyView.setEmptyView(EmptyView.EMPTY_LOADING);//初始化一个显示正在加载的视图
         rl_detail.setVisibility(View.VISIBLE);
         rl_detail.removeAllViews();
         rl_detail.addView(emptyView);//在加载页面开始的时候显示一个正在加载的视图,
         webView.setEnabled(false);// 当加载网页的时候将网页进行隐藏
         ll_container_btn.setVisibility(View.GONE);
         btn_collect.setVisibility(View.GONE);
         super.onPageStarted(view, url, favicon);
     }

     /**
      * 网页加载结束的时候执行的回调方法
      * @param view
      * @param url
      */
     @Override
     public void onPageFinished(WebView view, String url) {//网页加载结束的时候
         if (!loadError) {//当网页加载成功的时候判断是否加载成功
             rl_detail.setVisibility(View.GONE);//加载成功的话,则隐藏掉显示正在加载的视图,显示加载了网页内容的WebView
             webView.setEnabled(true);
             ll_container_btn.setVisibility(View.VISIBLE);
             btn_collect.setVisibility(View.VISIBLE);
         } else { //加载失败的话,初始化页面加载失败的图,然后替换正在加载的视图页面
             rl_detail.removeAllViews();
             emptyView.setEmptyView(EmptyView.EMPTY_EMPTY, "您找的页面暂时走丢了...");
             rl_detail.addView(emptyView);
         }

     }


     /**
      * 页面加载错误时执行的方法,但是在6.0以下,有时候会不执行这个方法
      * @param view
      * @param errorCode
      * @param description
      * @param failingUrl
      */
     @Override
     public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
         super.onReceivedError(view, errorCode, description, failingUrl);
         loadError = true;
     }


 });

 webView.setWebChromeClient(new WebChromeClient(){
     /**
      * 当WebView加载之后,返回 HTML 页面的标题 Title
      * @param view
      * @param title
      */
     @Override
     public void onReceivedTitle(WebView view, String title) {
         //判断标题 title 中是否包含有“error”字段,如果包含“error”字段,则设置加载失败,显示加载失败的视图
       if(!TextUtils.isEmpty(title)&&title.toLowerCase().contains("error")){
           loadError = true;
       }
     }
 });
 webView.loadUrl(url);

源码下载 源码下载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容