Android webView 中调试javaScripte

最新推荐文章于 2025-05-15 07:25:33 发布
原创 最新推荐文章于 2025-05-15 07:25:33 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用Android WebView组件时的调试技巧，通过设置WebChromeClient，可以在Logcat中捕获到JavaScript控制台输出的消息，方便开发者进行前端代码调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

mywebview.setWebChromeClient(new WebChromeClient() {
     public void onConsoleMessage(String message, int lineNumber, String sourceID) {
       Log.d("MyApplication", message + " -- From line "
                            + lineNumber + " of "
                            + sourceID);
     }
   });
 
这样以后，就可以在DDMS里的logcat输出js里面的console了
 
 js里面随便哪里console.log(“lalala”);就可以了
 
Android WebView开发：混合应用开发技巧
移动开发前沿的博客
04-26 757
在移动应用开发领域，混合应用开发结合了原生应用和Web应用的优势，能够在不同平台上快速部署应用，提高开发效率。Android WebView作为一种在Android系统中显示网页内容的组件，为混合应用开发提供了强大的支持。本文的目的是深入探讨Android WebView在混合应用开发中的各种技巧，包括WebView与JavaScript的交互、性能优化、安全策略等方面，帮助开发者更好地利用WebView开发出高质量的混合应用。
Android Studio 在移动开发中的 WebView 应用开发
移动开发前沿的博客
04-24 1322
在当今移动应用开发领域，混合应用开发模式越来越受到开发者的青睐。WebView 作为 Android 系统中用于显示网页内容的组件，允许开发者在原生 Android 应用中嵌入网页，实现了原生应用和网页内容的无缝结合。本文章的目的在于全面介绍如何在 Android Studio 这个主流的 Android 开发环境中进行 WebView 应用开发，范围涵盖了从基础概念到实际项目开发的各个方面，包括 WebView 的核心原理、开发步骤、应用场景以及相关资源推荐等。
Android 之webView调试之路
Marvin的博客
04-20 2047
一个风和日丽的下午，线上用户华为，vivo，三星，oppo，用户均出现webview选取相册，拍照，没反应现象；作为一个小菜鸟，内心是抓狂的；然而秉着 有事不怕事的原则（哈哈哈）冷静下来，第一时间想到了，可能是webChromeClient适配问题，于是开始疯狂地找解决方案；然而问题不在这里；俗话说的好，每一个的菜鸟背后都有一个低调的大牛（感谢边老师指点）；那就让问题乖乖浮出水面吧；大牛给出了一个...
Android WebView 调试方法
bzt820801的博客
08-20 1547
调试Android WebView中的h5页面，通常就是通过alert和抓包工具来定位问题，效率低且无法直接调试样式或打断点，可谓是事倍功半。本文介绍一下我在项目中使用的新方法，能够通过chrome的开发工具在原生 Android 应用中调试 WebView。 前提条件： Android4.4+ 基本原理： 1.在APP中启用 WebView 调试，开启调试后，Chrome DevTool
Android WebView 调试终极指南：轻松掌握手机与电脑端调试技巧
最新发布
.
05-15 980
本文详细介绍了在Android移动应用开发中调试WebView内容的步骤。首先，需要在手机上开启开发者选项并启用USB调试。接着，通过USB数据线将手机连接到电脑，并在电脑上使用Chrome浏览器访问chrome://inspect/#devices页面来识别和调试WebView。文章还提供了常见问题的解决方法，如设备不显示、页面不显示或inspect按钮不可点等问题。通过这些系统化的步骤，开发者可以高效地进行WebView的调试，确保应用的稳定性和性能。
android webview 调试js,Android 上 WebView 和 H5 的调试
weixin_39732249的博客
05-26 1381
Android 上 WebView 和 H5 的调试Android 上 WebView 和 H5 的调试Android 端我们一般都是使用 WebView 加载 H5 网页，而我们用到和 H5 JS互调时，很多时候是跟前端开发人员联调来解决问题。这里介绍如何利用 Chrome 浏览器的 chrome://inspect 来自己调试。1，要让 H5 能调用我们的方法，需要注入 JS。addJavas...
web前端－JavaScript 调试 －021
helloMr_wo的博客
10-20 505
JavaScript 调试没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。 通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。 通常，你在编写一个新的 JavaScript 代码过程中都会发生错误。JavaScript 调试工具在程序代码中寻找错误叫做代码调试。
Android之WebView调试
J.D.的博客
07-04 3293
首先在WebView里开启调试模式： if (Build.VERSION.SDK_INT > 19) { WebView.setWebContentsDebuggingEnabled(true); } 接着在Chrome浏览器的地址栏里输入：Chrome://inspect然后选择inspect进入调试页面： 到了这里前端人员即可对代码进行断点调试什么
android中webview打开有广告,Android快速去掉WebView上的烦人广告
weixin_31889665的博客
05-25 1163
近日，在把某网站用WebView打包到App里面的时候，出现的一个麻烦。看下图广告额，有广告。不影响阅读体验的广告都是可以接受的。但是有一问题是因为有一个广告div比屏幕要大，导致该网页在在移动端上可以左右滑动，这个就没法忍受了，看下图广告没办法了，只能把广告去掉了.首先看看集成网页的代码.private WebView webView;private WebSettings settings;@...
android webview 广告过滤,使用webView屏蔽广告(实操版)
weixin_32736961的博客
05-25 1475
本帖最后由 wushaominkk 于 2021-1-12 10:55 编辑快过年了,准备刷一波剧,发现以前写的【Android】利用爬虫将电影网站打包成一个APP(8.26更新)这个已经失效了,准备再搞一波.这次不写界面了太麻烦,直接用webView嵌套网页.嵌套进去发现广告贼特多,各种悬浮页面根本无法用.在浏览器上输入网址按F12调整手机模式1610417623(1).jpg (97.53 K...
某得物 - WebView App H5调试
mamenqi_csdn的博客
03-06 1415
WebView App H5调试
Android WebView详解和调用JS，androidrom开发书籍
m0_64319112的博客
11-26 1058
} （3）创建一个自己的WebViewClient，通过setWebViewClient关联 //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开 mWebView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { //返回值是true的时候控制去WebView打开，为false调用系
android webview调用js
相思雨的博客
12-13 340
好久没来吹水了，今天给大家吹一个， 噗噗噗噗噗噗噗噗噗噗噗噗噗噗噗噗.........好，吹完了 下面开始说正事，在android开发过程中，经常可以遇到加载h5页面，但是有时候我们还需要做一些与h5的数据交互操作， 下面就重点来说，android中如何调用h5的js方法，并且把参数传给h5，让h5页面作出响应。 webview有一个 方法： var res = data?.getS...
Android：远程调试WebView
提笔忘字的帝国
12-15 5732
APP中使用WebView展示网页的结果可能不太理想，那么我们想调试的话就没有在浏览器当中调试方便，不过谷歌浏览器给我们提供了能远程调试的方案。可能需要开代理才能访问！！！配置 WebView手机设置假设你点错了，拒绝了授权，那么就需要先撤销USB调试授权，然后在重连就会弹出授权的框了。
安卓WebView调试方式
qq_52308245的博客
10-28 1035
安卓webview开启调试功能
调试Android应用的webView界面
m0_65292523的博客
12-11 2652
前提：在手机的设置里找到系统和更新，点击系统和更新找到开发人员选项，打开USB调试，然后将手机使用USB数据线连接上电脑主机或电脑。访问网址：chrome://inspect/#devices。就会出现这样的调试界面，由于涉及隐私，界面我就打码了。然后打开网页会出现这样的页面，点击箭头所指。以上都是个人经验，有错误的地方求大佬纠正。
Android的WebView页面调试方法
ly969434341的专栏
02-04 636
1. 设置Android中webview为debug 2. 在电脑的Chrome浏览器中输入:chrome://inspect/#devices 进行查看调试Android设备在WebView上的操作请求 3. 需要注意, 手机需要通过usb与电脑连接.
在Android上远程调试JavaScript
mdisme1的博客
03-16 902
安卓下调试javascript脚本时，首先需要一个环境，一般的做法是移植一个js引擎到安卓手机里面，然后进行断点调试。这样能保证安卓下运行脚本的真实性，但手机编写代码非常不方便，编程还是在PC上方便写。 PC上编写javascript脚本，一般用vscode等第三方，但是也非常不方便，最好的解决办法是用在线IDE，实现智能提示、断点调试等功能，通过网络和安卓手机进行实时通讯解决联调的问题。这个连接不是硬件连接，不需要usb连线，而是通过网络直接连接的，所以可以实现真正的远程调试。 用在线IDE的好处是浏览器
Android webview加载错误日志
03-13
<think>好的，我现在需要帮助用户了解Android WebView加载错误日志的相关内容。首先，我要明确用户的需求是什么。他们可能遇到了WebView加载网页时的问题，想通过日志来排查错误原因。用户可能是开发者，或者有一定技术背景的人，所以需要提供具体且实用的信息。 首先，我需要回忆一下Android WebView常见的加载错误类型。比如网络问题、SSL证书错误、资源加载失败、渲染问题等等。然后，如何捕获这些错误的日志呢？可能需要使用WebViewClient的回调方法，比如onReceivedError、onReceivedHttpError、onReceivedSslError等。这些方法可以捕获不同类型的错误，并记录相关信息。 接下来，用户可能需要知道如何实现这些回调，并输出日志。例如，在自定义的WebViewClient中重写这些方法，使用Log类打印错误信息。同时，可能需要区分不同版本的Android，因为某些方法在API 23及以上被废弃，需要用新的方法替代。 另外，用户可能还想了解如何分析这些错误日志。比如，错误代码代表什么，如何根据错误码查找解决方案。例如，ERROR_TIMEOUT表示超时，可能需要检查网络连接；ERROR_HOST_LOOKUP可能是DNS解析失败，需要检查域名是否正确等。 还需要考虑一些高级的调试方法，比如启用WebView的调试模式，使用Chrome开发者工具远程调试WebView内容。这可以帮助用户更直观地查看网页加载过程中的问题，比如JavaScript错误、网络请求失败等。 还有可能涉及到混合应用中的常见问题，比如跨域访问限制、JavaScript接口配置错误、缓存问题导致加载旧内容等。这些也需要在日志中注意，或者通过其他方式排查。 然后，我需要组织这些信息，按照逻辑顺序呈现，从如何捕获日志，到常见的错误类型及解决方法，再到高级调试技巧。结构要清晰，步骤明确，便于用户一步步操作。同时，确保使用正确的中文术语，避免技术术语翻译不当的问题。 最后，检查是否有遗漏的部分，比如是否需要提到第三方库或工具来辅助日志收集，或者是否有官方文档的参考链接。但用户可能更希望得到直接的解决方案，而不是外部链接。因此，保持内容自包含，提供足够的细节即可。</think>以下分步骤说明Android WebView加载错误日志的捕获与分析： ### 一、启用WebView错误监控 实现`WebViewClient`并重写以下核心方法： ```java webView.setWebViewClient(new WebViewClient() { // 处理HTTP错误(API 23+) @Override public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) { super.onReceivedHttpError(view, request, errorResponse); Log.e("WEBVIEW", "HTTP错误码：" + errorResponse.getStatusCode() + " 请求URL：" + request.getUrl()); } // 处理通用错误(兼容旧版本) @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); Log.e("WEBVIEW", "错误码：" + errorCode + "\n描述：" + description + "\n失败URL：" + failingUrl); } // 处理SSL证书错误 @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { Log.e("WEBVIEW", "SSL错误：" + error.toString()); // handler.proceed() // 慎用绕过证书验证 } }); ``` ### 二、常见错误码解析 | 错误码常量 | 值 | 含义 | 解决方案 | |---------------------------|-----|-----------------------------|---------------------------| | ERROR_HOST_LOOKUP | -2 | DNS解析失败 | 检查域名有效性/网络连接 | | ERROR_CONNECT | -4 | 服务器连接失败 | 检查服务器状态/防火墙设置 | | ERROR_TIMEOUT | -8 | 连接超时 | 优化网络环境/增加超时阈值 | | ERROR_TOO_MANY_REQUESTS | -15 | 请求频率过高 | 检查防刷机制/优化请求逻辑 | | ERROR_BAD_URL | -12 | URL格式错误 | 验证URL合法性 | ### 三、增强调试技巧 1. **启用WebView调试模式**： ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { WebView.setWebContentsDebuggingEnabled(true); } ``` 通过Chrome访问 `chrome://inspect` 可实时调试 2. **网络日志捕获**： ```java webView.setWebChromeClient(new WebChromeClient() { @Override public boolean onConsoleMessage(ConsoleMessage cm) { Log.d("WEBVIEW_JS", cm.message() + " -- Line:" + cm.lineNumber()); return true; } }); ``` ### 四、典型错误场景分析 1. **混合内容警告**（HTTPS页面加载HTTP资源）： ```log Mixed Content: The page was loaded over HTTPS... ``` 解决方案：升级资源协议或添加配置 ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { webView.getSettings().setMixedContentMode( WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE); } ``` 2. **CORS跨域错误**： ```log Access-Control-Allow-Origin header missing ``` 解决方案：服务端配置CORS或添加本地代理 ### 五、日志过滤技巧 使用ADB命令筛选关键日志： ```bash adb logcat -v time | grep -E "WEBVIEW|chromium|Web Console" ``` 建议结合Android Studio的Logcat工具，使用如下过滤表达式： ```text tag:WebViewClient OR tag:chromium OR tag:Web Console ``` 通过以上方法系统化收集分析日志，可快速定位90%以上的WebView加载问题。建议在测试阶段预先处理常见错误场景，正式环境添加错误兜底页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值