11、移动应用远程调试工具全解析

移动应用远程调试工具全解析

1. Chrome 远程调试在 Android 上的应用

1.1 Chrome 开发者工具特性

作为网页开发者，你可能对 Chrome 的开发者工具并不陌生，它是调试网页应用的最佳特性之一。Chrome 远程调试能让你在移动应用中使用与桌面端相同的工具。以下是 Chrome 开发者工具主要选项的介绍：
| 标签 | 用途 |
| — | — |
| Elements | 提供对表示当前页面布局的 DOM（DOM 树结构）的访问，在使用 JavaScript 在页面上生成新 HTML 时特别有用。 |
| Network | 记录应用程序发出的所有网络请求，包括 HTML 中使用的图像，对调试使用 AJAX 加载信息的应用程序特别有用，能显示完整的请求和响应。 |
| Sources | 列出应用程序使用的所有 JavaScript 文件，并包含一个完整的 JavaScript 调试器，可添加断点使应用程序在运行时暂停，有助于调试复杂问题。 |
| Timeline | 以图形方式展示应用程序中发生的活动，包括渲染（基于 HTML 和 CSS 实际绘制布局）和内存使用情况。 |
| Profiles | 允许你检查 CPU 处理应用程序的工作量。 |
| Resources | 涵盖多种内容：WebSQL、IndexedDB、LocalStorage、Cookies 和应用程序缓存，可检查和编辑存储在这些机制中的数据。 |
| Audits | 在页面（或应用程序）加载时进行分析，可提供改进建议。 |
| Console | 有多种用途，JavaScript 可以向其发送