调试
使用扩展或附加到 Web View 来调试您的应用。您也可以使用远程日志记录来执行 console.log 风格的调试。
提示
您可以按 ⌥ + D 来调试应 用(Windows 上为 ALT + D)。
在 VS Code 中调试
点击 Debug 项以启动 Web 浏览器或附加到正在运行的 Android Web View 进行调试。
点击 Debug > Web 以启动一个_可调试的_ Web 浏览器,如 Chrome 或 MS Edge。这将构建您的应用,然后将 VS Code 置于调试模式,允许您设置断点、检查变量等。
备注
您可以从 Settings > Advanced > Browser 选择用于调试的浏览器。
附加到 Web View
您可以通过先点击 Run > Android 运行 Android 应用或在 Android Studio 中运行应用,然后调试正在运行的真实或模拟 Android 设备。
点击 Debug 项,所有正在运行的 Android Web View 将出现,点击一个以开始该视图的调试会话。
备注
您也可以使用 Chrome 或 Safari 附加到 Web View,并使用它们内置的调试和检查工具。
使用 Chrome Inspect
当您通过 Run > Android 或 Android Studio 运行应用后:
- 打开 Google Chrome 并在地址栏中输入:
chrome://inspect并按回车。 - 任何正在运行的 Web View 将作为远程目标出现,您可以打开它们。
- 使用 Chrome 的调试和检查工具。
使用 Edge Inspect
当您通过 Run > Android 或 Android Studio 运行应用后:
- 打开 Microsoft Edge 并在地址栏中输入:
edge://inspect并按回车。 - 任何正在运行的 Web View 将作为远程目标出现,您可以打开它们。
- 使用 Edge 的调试和检查工具。
使用 Safari
当您通过 Run > iOS 或 Xcode 运行应用后:
- 打开 Safari,从
Develop菜单中选择 iOS 设备。 - 使用 Safari 的调试和检查工具。
备注
您需要开启 Safari 的开发模式,方法是进入 Safari 菜单 > Settings、Advanced,然后勾选 Show Develop menu in menu bar。
您还需要确保您的移动设备已启用调试功能。