RN webview 中网页调试

<Webview
  webviewDebuggingEnabled={true}  //打开调试开关
/>

1. 使用vConsole来调试

2. Chrome工具

在 React Native 中，要查看 WebView 的日志，可以使用 Chrome 开发者工具来调试 WebView。

Android 平台（推荐）

1. 开启调试模式： 在 Android 设备上，确保你的应用开启了调试模式。可以通过 USB 连接手机，并在命令行中运行以下命令： css 代码解读复制代码adb shell input keyevent 82 或者在开发者选项中启用“USB 调试”。 打开Debug。
2. 连接 Chrome 开发者工具：
   • 打开 Chrome 浏览器。
   • 在地址栏输入 chrome://inspect，然后回车。
   • 确保你的设备出现在 “Remote Target” 列表中，并且你的应用正在运行。
   • 点击你的应用名称下的 “inspect”。
3. 查看 WebView 日志： 在 Chrome 开发者工具中，你可以选择 “Console” 选项卡来查看 WebView 的日志。

iOS平台

对于 iOS 平台，你可以使用 Safari 开发者工具来调试 WebView。以下是一些步骤：

1. 开启 Web 检查功能：
   • 在 iOS 设备上，打开 “设置”。
   • 选择 “Safari”。
   • 启用 “Web 检查功能”。
2. 连接 Safari 开发者工具：
   • 在 Mac 上打开 Safari 浏览器。
   • 在菜单中选择 “开发” -> “你的 iOS 设备名称” -> “你的应用名称”。
   • 如果你的应用不在列表中，确保你的应用正在运行，并且你的设备已连接到 Mac。
3. 查看 WebView 日志： 在 Safari 开发者工具中，选择 “Console” 选项卡来查看 WebView 的日志。

webview 调试

RN webview debug