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