如何在手机上远程调试UC浏览器
编辑:浏览器知识- 设置您的 Android 设备进行远程调试,并从开发计算机上发现设备。
- 从您的开发计算机检查和调试 Android 设备上的实时内容。
- 将 Android 设备上的内容抓屏到您的开发计算机上的 DevTools 实例中。
要求
- 开发计算机上已安装 Chrome 40 或更高版本(推荐使用最新版本)。
- 开发计算机上已安装 USB 驱动程序(如果您使用 Windows)。 确保设备管理器报告正确的 USB 驱动程序
- 拥有一根可以将您的 Android 设备连接至开发计算机的 USB 电缆。
- Android 4.0 或更高版本。
- 您的 Android 设备上已安装UC浏览器(Android 开发者版):下载地址。
第 1 步:发现您的 Android 设备
1. 在您的 Android 设备上,选择 Settings > Developer Options > Enable USB Debugging。 在运行 Android 4.2 及更新版本的设备上,Developer options 默认情况下处于隐藏状态。 请参阅启用设备上的开发者选项以了解如何启用它。
2. 在您的开发计算机上打开 Chrome。远程调试在隐身模式或访客模式下无法运行。
3. 在地址栏输入chrome://inspect/,打开DevTools Devices。
4. 确保已启用 Discover USB devices。
5. 使用一根 USB 电缆将 Android 设备直接连接到您的开发计算机。 请勿使用任何中间 USB 集线器。如果这是您首次将您的 Android 设备连接到此开发计算机,您的设备将显示为Offline。
6. 如果您的设备显示为 Offline,则在 Android 设备上接受 Allow USB Debugging 权限提示。 Offline被替换为您的 Android 设备的型号名称。这时候,可以从开发计算机远程调试您的 Android 设备上的UC浏览器了。
注:如果您在发现流程中遇到任何问题,您可以通过在 Android 设备上选择 Settings > Developer Options > Revoke USB Debugging Authorizations 重启该流程。
第 2 步:从您的开发计算机调试 Android 设备上的内容。
1. 如果您尚未在 Android 设备上打开 UC浏览器,则现在打开它。
2. 返回 DevTools Devices,点击与设备的型号名称匹配的标签。 在此页面的顶部,您会看到 Android 设备的型号名称,后面紧跟着其序列号。 在型号名称下面,您可以看到在设备上运行的 UC浏览器 的版本。每个打开的 UC浏览器的标签都会有自己的区域。您可以从此区域与该标签交互。
3. 点击您刚刚打开的网址下方的 Inspect。这将打开一个新的 DevTools 实例。
检查元素
转到您的 DevTools 实例的 Elements 面板,将鼠标悬停在一个元素上以在 Android 设备的视口中突出显示它。
您还可以在 Android 设备屏幕上点按一个元素,以在 Elements 面板中选中它。 点击您的 DevTools 实例上的 Select Element,然后在您的 Android 设备屏幕上点按此元素。 请注意,Select Element 将在第一次触摸后停用,因此,每次想要使用此功能时您都需要重新启用它。
加载全部内容