调试 Web 应用

调查在 WebView 中运行的代码的行为(也称为调试)是开发显示 Web 内容的 Android 应用的重要环节。

本部分介绍以下 WebView 调试方法:

  • JavaScript 控制台日志记录:如果您熟悉使用 Chrome 开发者工具或 Safari Web Inspector 调试网页,那么您可能熟悉使用 console(例如 console.log())。您可以在 Chrome 开发者工具或 Logcat 中查看控制台消息。Android 的 WebKit 框架支持大多数相同的 API,因此您可以在 WebView 中调试时从网页接收日志。

  • Chrome DevTools:使用开发机器上的 Chrome 浏览器中的开发者工具,对应用 WebView 中的 HTML、CSS 和 JavaScript 代码进行实时远程检查。

  • 访问本地服务器:从开发机器上的本地 Web 服务器提供内容,并通过测试设备或模拟器上的 WebView 访问该内容,以便快速查看更改,而无需部署到远程服务器。

  • WebView DevTools 应用:一款设备端实用程序,专门用于对 Android 的 WebView 组件进行设备范围的配置、命令行标志管理和崩溃分析。