详解Android WebView监听console错误信息

来自:互联网
时间:2020-12-12
阅读:

根据需求,我们要拿到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输出如下:

详解Android WebView监听console错误信息

从输出信息我们可以看到可以捕获到行号,错误信息,错误的URL。这些信息都在ConsoleMessage对象里。 其代码如下:

详解Android WebView监听console错误信息

可以看出ConsoleMessage里面也有log级别,我们只需要将error级别的日志上报即可。

返回顶部
顶部