从 Windows、Mac 或 Linux 计算机远程调试 Android 设备上的实时内容。 本教程将向您展现如何：html
- 设置您的 Android 设备进行远程调试，并从开发计算机上发现设备。
- 从您的开发计算机检查和调试 Android 设备上的实时内容。
- 将 Android 设备上的内容抓屏到您的开发计算机上的 DevTools 实例中。
要求
- 开发计算机上已安装 Chrome 32 或更高版本。
- 开发计算机上已安装 USB 驱动程序（若是您使用 Windows）。 确保设备管理器报告正确的 USB 驱动程序
- 拥有一根能够将您的 Android 设备链接至开发计算机的 USB 电缆。
- Android 4.0 或更高版本。
- 您的 Android 设备上已安装 Chrome（Android 版）。
第 1 步：发现您的 Android 设备
-
在您的 Android 设备上，选择 Settings > Developer Options > Enable USB Debugging。 在运行 Android 4.2 及更新版本的设备上，Developer options 默认状况下处于隐藏状态。 请参阅启用设备上的开发者选项以了解如何启用它。android
-
在您的开发计算机上打开 Chrome。您应使用您的一个 Google 账户登陆到 Chrome。 远程调试在隐身模式或访客模式下没法运行。git
-
打开 DevTools。github
-
在 DevTools 中，点击 Main Menu
，而后选择 More tools > Remote devices。web -
在 DevTools 中，点击 Settings 标签（若是正在显示另外一个标签）。chrome
-
确保已启用 Discover USB devices。apache
-
使用一根 USB 电缆将 Android 设备直接链接到您的开发计算机。 请勿使用任何中间 USB 集线器。若是这是您首次将您的 Android 设备链接到此开发计算机，您的设备将显示在 Unknown 中，其下面具备文本 Pending Authorization。api
-
若是您的设备显示为 Unknown，则在 Android 设备上接受 Allow USB Debugging 权限提示。 Unknown 被替换为您的 Android 设备的型号名称。 绿色圆圈和 Connected 文本表示您已大功告成，能够从开发计算机远程调试您的 Android 设备。app
注：若是您在发现流程中遇到任何问题，您能够经过在 Android 设备上选择 Settings > Developer Options > Revoke USB Debugging Authorizations 重启该流程。ide
第 2 步：从您的开发计算机调试 Android 设备上的内容。
-
若是您还没有在 Android 设备上打开 Chrome，则如今打开它。
-
返回 DevTools，点击与设备的型号名称匹配的标签。 在此页面的顶部，您会看到 Android 设备的型号名称，后面紧跟着其序列号。 在型号名称下面，您能够看到在设备上运行的 Chrome 的版本，版本号在括号里。每一个打开的 Chrome 标签都会有本身的区域。您能够今后区域与该标签交互。 若是有任何使用 WebView 的应用，您也会看到针对每一个应用的区域。 下面的屏幕截图没有任何打开的标签或 WebViews。
-
在 New tab 旁输入一个网址，而后点击 Open。此页面将在 Android 设备上的新标签中打开。
-
点击您刚刚打开的网址旁的 Inspect。这将打开一个新的 DevTools 实例。 您的 Android 设备上运行的 Chrome 的版本决定在开发计算机上打开的 DevTools 的版本。所以，若是您的 Android 设备正在运行一个很是旧的 Chrome 版本，则 DevTools 实例看上去可能与您经常使用的实例有很大的差异。
更多操做：从新加载、聚焦或关闭一个标签
点击您要从新加载、聚焦或关闭的标签旁的 More Options 。
检查元素
转到您的 DevTools 实例的 Elements 面板，将鼠标悬停在一个元素上以在 Android 设备的视口中突出显示它。
您还能够在 Android 设备屏幕上点按一个元素，以在 Elements 面板中选中它。 点击您的 DevTools 实例上的 Select Element ，而后在您的 Android 设备屏幕上点按此元素。 请注意，Select Element 将在第一次触摸后停用，所以，每次想要使用此功能时您都须要从新启用它。
Android 设备到开发计算机的抓屏
点按 Toggle Screencast ![Toggle Screencast][screencast]{:.devtools-inline} 以在您的 DevTools 实例中查看 Android 设备的内容。
您能够经过多种方式与抓屏互动：
- 将点击转变为点按，在设备上触发适当的触摸事件。
- 将计算机上的按键发送至设备。
- 要模拟双指张合手势，请按住 Shift 拖动。
- 要滚动，请使用您的触控板或鼠标滚轮，或者使用您的鼠标指针抛式滚动。
关于抓屏的一些注意事项：
- 抓屏仅显示页面内容。抓屏的透明部分表示设备界面，如 Chrome 多功能框、Android 状态栏或 Android 键盘。
- 抓屏会对帧率产生负面影响。在测量滚动或动画时停用抓屏，以更准确地了解页面的性能。
- 若是您的 Android 设备屏幕锁定，您的抓屏内容将消失。 将您的 Android 设备屏幕解锁可自动恢复抓屏。
反馈
若是您想帮助咱们改进此教程，请回答下面的问题！