详解Android WebView监听console错误信息

177 阅读 0 评论 117 点赞

我是靠谱客的博主无情草莓，最近开发中收集的这篇文章主要介绍详解Android WebView监听console错误信息，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

根据需求，我们要拿到h5的错误信息，并将error信息进行上报。查询了下Android WebView的API发现了WebChromeClient这个方法可以满足要求：

@Override
 public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
  //获取log的级别
  switch (consoleMessage.messageLevel()){
     case ERROR://将error信息上报到服务端
      LogUtil.logE("webview==",consoleMessage.message()+" level="+ consoleMessage.messageLevel());
       LogUtil.uploadH5Error(consoleMessage.message());
       break;
   }
  return super.onConsoleMessage(consoleMessage);
}

这个方法的作用就是* Report a JavaScript console message to the host application.，就是说这个方法可以拦截JavaScript的console信息，就跟在浏览器里查看一样；对于Android来说，在Android studio 的logcat里面就就可以查看，比如我让h5随便弄个undefined错误，然后重写了js的log方法logcat输出如下：