使用远程调试Android设备

参考：https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
从Windows，Mac或Linux计算机上远程调试Android设备上的实时内容。本教程将教您如何：

第1步：发现您的Android设备

下面的工作流程适用于大多数用户。请参阅故障排除：DevTools未检测到Android设备以获取更多帮助。

在Android上打开“ 开发人员选项”屏幕。请参阅配置设备上开发人员选项。
选择启用USB调试。
在您的开发机器上，打开Chrome。
打开DevTools。
在DevTools中，单击主菜单， [图片上传失败...(image-aca31e-1529636605081)]

然后选择更多工具 > 远程设备。

[图片上传失败...(image-948c20-1529636800903)]

在DevTools中，打开设置选项卡。
确保Discover USB devices复选框已启用。

[图片上传失败...(image-940476-1529636800903)]
使用USB电缆将您的Android设备直接连接到您的开发机器。您第一次执行此操作时，通常会看到DevTools检测到未知设备。如果您在Android设备的型号名称下方看到一个绿色圆点和文本“ 连接 ”，则DevTools已成功建立与设备的连接。继续步骤2。

[图片上传失败...(image-713a1c-1529636800903)]

如果您使用的是USB集线器，请尝试将您的Android设备直接连接到您的开发机器。
尝试拔下Android设备和开发机器之间的USB电缆，然后重新插入。在Android和开发机器屏幕解锁时执行此操作。
如果您的开发机器正在运行Windows，请尝试手动安装Android设备的USB驱动程序。请参阅安装OEM USB驱动程序。
如果在Android设备上看不到允许USB调试提示，请尝试断开连接，然后重新连接USB电缆，同时DevTools专注于您的开发计算机并显示Android主屏幕。换句话说，有时当您的Android或开发机器屏幕被锁定时，提示不会显示出来。考虑更新您的Android设备和开发机器的显示设置，以免它们进入睡眠状态。
从Android设备的“ 开发者选项”屏幕中选择“ 撤消USB调试授权”，将其重置为新的状态。
Windows和Android设备（特别是三星）的某些组合需要额外设置。请参阅Chrome DevTools设备插入时未检测到设备。
确保您的USB电缆正常工作。您应该能够从您的开发机器上检查Android设备上的文件。

如果您发现本节未提及的解决方案，或者Chrome DevTools设备在插入时未检测到设备，请添加Stack Overflow问题的答案，或者在本教程的存储库中打开一个问题！

在Android设备上打开Chrome。
在远程设备选项卡中，单击与您的Android设备型号名称匹配的选项卡。在此页面的顶部，您会看到Android设备的型号名称，然后是其序列号。在此之下，您可以看到设备上运行的Chrome版本，版本号括在括号内。每个打开的Chrome选项卡都有自己的部分。您可以从本节中的该选项卡进行交互。如果有任何使用WebView的应用程序，您也会看到每个应用程序的一部分。在图5中没有标签或WebViews打开。

[图片上传失败...(image-ef7683-1529636800903)]

在新标签文本框中，输入一个URL，然后单击打开。该页面会在Android设备的新标签页中打开。
点击您刚刚打开的网址旁边的检查。一个新的DevTools实例将打开。您的Android设备上运行的Chrome版本决定了开发计算机上打开的DevTools的版本。因此，如果您的Android设备运行的是Chrome的旧版本，则DevTools实例可能与您以前的版本看起来非常不同。

点击要重新加载，关注或关闭的标签旁边的更多选项 [图片上传失败...(image-d02c2d-1529636605082)]

。

[图片上传失败...(image-8abccd-1529636800903)]