Android中获取WebView加载的html中console.log输出的内容

超、凢脫俗 2023-10-01 15:39 66阅读 0赞

## 场景 ##

Android中使用WebView加载本地html并支持运行JS代码和支持缩放：

[Android中使用WebView加载本地html并支持运行JS代码和支持缩放\_BADAO\_LIUMANG\_QIZHI的博客-CSDN博客][Android_WebView_html_JS_BADAO_LIUMANG_QIZHI_-CSDN]

使用WebView加载html显示时，在js代码中通过console.log()输出的日志内容，怎样在AndroidStudio中

logcat调试时获取到。

在上面的方式下可以直接捕获到js中console.log()输出的内容。

这是因为设置为ChromeClient并且开启了js支持，如果不设置和开启的话是没法捕获console.log的输出内容的。

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_20_color_FFFFFF_t_70_g_se_x_16][]

注：

博客：  
[BADAO\_LIUMANG\_QIZHI的博客\_霸道流氓气质\_CSDN博客-C\#,SpringBoot,架构之路领域博主][BADAO_LIUMANG_QIZHI_CSDN_-C_SpringBoot]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

1、使用常规的webview加载显示html时，直接在js中console.log是不输出的。

//获取webview
            webView = findViewById(R.id.webview);
            webView.loadUrl("file:///android_asset/logDemo.html");

2、设置为ChromeClient并且开启js支持

//设置为ChromeClinet 才能执行js代码
            WebChromeClient webChromeClient = new WebChromeClient();
            webView.setWebChromeClient(webChromeClient);
            //设置开启js支持
            webView.getSettings().setJavaScriptEnabled(true);

3、添加以上代码之后在logcat中就可以捕获到console.log的日志输出了

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

4、如果还是不行，可以考虑将console.log替换为在js中调用安卓的方法，在安卓方法中进行输出

Android和JS之间互相调用方法并传递参数：

[Android和JS之间互相调用方法并传递参数\_BADAO\_LIUMANG\_QIZHI的博客-CSDN博客\_android 调用js传递参数][Android_JS_BADAO_LIUMANG_QIZHI_-CSDN_android _js]

[Android_WebView_html_JS_BADAO_LIUMANG_QIZHI_-CSDN]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118637633
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/482f074234c14c7c9af7756201094d2d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo,size_20,color_FFFFFF,t_70,g_se,x_16
[BADAO_LIUMANG_QIZHI_CSDN_-C_SpringBoot]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/95cbe5d8787b4b7e9a281fd033e8a8c4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Zy46YGT5rWB5rCT5rCU6LSo,size_20,color_FFFFFF,t_70,g_se,x_16
[Android_JS_BADAO_LIUMANG_QIZHI_-CSDN_android _js]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118653456