App日志及内置WebView的调试方法

App Inventor 2

1、进入mumu模拟器/手机

2、进入设置-关于手机，连续点击版本号进入开发者模式；

3、进入设置-系统-开发者选项；

4、启用USB调试，允许使用ADB与模拟器通信；

5、打开命令行，通过以下adb命令连接模拟器：（手机的话，插上数据线就行了）

1. adb connect 127.0.0.1:7555

复制代码

6、输入adb devices，验证是否成功连接。      
       adb shell     进控制台

7、查看日志：adb logcat

1. adb logcat -v threadtime <package_name>/<activity_name>

复制代码

其中，<package_name>是应用的包名，<activity_name>是应用的活动名。例如，如果您要查看名为“com.example.myapp”的应用中名为“MainActivity”的活动日志，您可以输入：

1. adb logcat -v threadtime com.example.myapp/MainActivity

复制代码

这将显示实时更新的日志信息。要停止日志输出，请按Ctrl + C。

------------
要查看 Android 模拟器中 WebView 的 console.log 输出，你需要通过 Chrome 的远程调试工具 来访问 WebView 内容。以下是具体步骤：
1. 启用 WebView 调试首先，确保你的 WebView 中启用了调试功能。在你的 Android 应用中，调用以下代码来启用 WebView 调试：

1. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
   
2.     WebView.setWebContentsDebuggingEnabled(true);
   
3. }

复制代码

2. 连接设备/模拟器确保你的设备或模拟器通过 adb 连接正常。你可以使用以下命令确认：

1. adb devices

复制代码

这将列出所有连接的设备，确认你的设备或模拟器已经连接。
3. 打开 Chrome 远程调试工具在你的电脑上，打开 Chrome 浏览器，然后在地址栏输入：

1. chrome://inspect

复制代码

这将打开 Chrome 的远程调试工具页面。在这里，你可以看到所有连接的设备和它们的 WebView 实例。
4. 选择 WebView 进行调试在 chrome://inspect 页面下，你应该能够看到一个 "Remote Target" 部分，列出所有通过 adb 连接的设备或模拟器和它们的 WebView 实例。点击你想调试的 WebView 实例，Chrome 会打开一个开发者工具界面。（确保第一步启用了WebView的调试功能，否则不会出现调试日志）
5. 查看 Console 输出在开发者工具中，切换到 "Console" 标签页，你就能看到 WebView 中的 console.log 输出。此时你就可以进行 WebView 内容的调试了，包括查看日志、检查 DOM 结构等。