Android | 如何电脑调试APP中的webview 如何查看webview原web项目的console.log/控制台报错

mnbvcxz654-+

已于 2022-11-15 18:39:17 修改

阅读量4k

点赞数

分类专栏： Android 文章标签： android 前端 webview

于 2022-11-15 15:57:51 首次发布

本文链接：https://blog.csdn.net/qq_45722196/article/details/127866696

版权

Android 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、浏览器调试

浏览器：chrome、Edge

说明：chrome是需要科学上网的。Edge无所谓。我用这个方法看 AgentWeb 、JSBridge 都没啥问题，所以说并不是强制只能调试原生 webview 啦~ 不过有一点，听说这个方法只适用于运行Android 4.4或更高版本的设备测试，推荐查看Android上的远程调试。

使用：

电脑和手机用数据线相连，手机启动USB调试。
地址栏输入链接：chrome://inspect/#devices 或 edge://inspect/#devices。
打开app，浏览器会显示连接的设备，同时自动检测 webview 打开的网页。
点击想调试的 webview 下方的 inspect 就会弹出对应调试窗口。

二、WebChromeClient onConsoleMessage()

请查阅：官方API文档

support API level 7=>

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebChromeClient(new WebChromeClient() {
  public void onConsoleMessage(String message, int lineNumber, String sourceID) {
    Log.d("MyApplication", message + " -- From line "
                         + lineNumber + " of "
                         + sourceID);
    return true;
  }
});

version is API level 8 or higher=>

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebChromeClient(new WebChromeClient() {
  public boolean onConsoleMessage(ConsoleMessage cm) {
    Log.d("MyApplication", cm.message() + " -- From line "
                         + cm.lineNumber() + " of "
                         + cm.sourceId() );
    return true;
  }
});