如果您使用运行Android 4.4或更高版本的设备测试您的网络应用，则可以使用Chrome开发者工具在WebView中远程调试您的网页，同时继续支持旧版Android。 有关更多信息，请参阅Android上的远程调试。
如果您没有运行Android 4.4或更高版本的设备，则可以使用控制台JavaScript API调试JavaScript并查看输出消息到logcat。 如果您熟悉使用Firebug或Web Inspector调试网页，那么您可能熟悉使用控制台（例如console.log（））。Android的WebKit框架支持大多数相同的API，因此您可以在Android浏览器或自己的WebView中调试时从网页接收日志。 本文档介绍如何使用控制台API进行调试。
请参阅以下相关资源：
- Android上的远程调试
- 调试你的应用
一、在Android浏览器中使用控制台API
当您调用控制台函数时（在DOM的window.console对象中），输出将显示在logcat中。 例如，如果您的网页执行以下JavaScript：
console.log("Hello World");
然后logcat消息看起来像这样：
Console: Hello World http://www.example.com/hello.html :82
根据您使用的Android版本，邮件格式可能会有所不同。 在Android 2.1及更高版本中，来自Android浏览器的控制台消息标记有名称“browser”。 在Android 1.6及更低版本中，Android浏览器消息标记为“WebCore”。
Android的WebKit没有实现其他桌面浏览器中提供的所有控制台API。 但是，您可以使用基本的文本记录功能：
console.log(String)console.info(String)console.warn(String)-
console.error(String)
其他控制台功能不会引发错误，但可能与您对其他Web浏览器的期望不同。
二、在WebView中使用控制台API
在WebView中进行调试时，也支持上面显示的所有控制台API。 如果您的目标是Android 2.1（API级别7）及更高版本，则必须提供实现onConsoleMessage（）方法的WebChromeClient，以便控制台消息显示在logcat中。 然后，使用setWebChromeClient（）将WebChromeClient应用于WebView。
例如，要支持API级别7，这就是onConsoleMessage（String，int，String）的代码可能如下所示：
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;
}
});
但是，如果支持的最低版本是API级别8或更高版本，则应改为实现onConsoleMessage（ConsoleMessage）。 例如：
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;
}
});
ConsoleMessage还包括一个MessageLevel对象，用于指示正在传递的控制台消息的类型。 您可以使用messageLevel（）查询消息级别以确定消息的严重性，然后使用适当的Log方法或采取其他适当的操作。
无论您使用的是onConsoleMessage（String，int，String）还是onConsoleMessage（ConsoleMessage），当您在网页中执行控制台方法时，Android都会调用相应的onConsoleMessage（）方法，以便您报告错误。 例如，使用上面的示例代码，将打印一条logcat消息，如下所示：
Hello World -- From line 82 of http://www.example.com/hello.html
三、Logcat
Logcat是一个转储系统消息日志的工具。 消息包括设备抛出错误时的堆栈跟踪，以及从应用程序写入的日志消息和使用JavaScript控制台API编写的消息。
要从Android Studio运行logcat和查看消息，请选择“视图”>“工具Windows”>“Logcat”。
有关更多信息，请参阅使用Logcat编写和查看日志。
网友评论