浏览器家园·资讯

展开

如何在手机上远程调试UC浏览器

编辑:浏览器知识
从 Windows、Mac 或 Linux 计算机远程调试 Android 设备上的实时内容。 本教程将向您展示如何:

  • 设置您的 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

01.jpg | center | 415x219

5.    使用一根 USB 电缆将 Android 设备直接连接到您的开发计算机。 请勿使用任何中间 USB 集线器。如果这是您首次将您的 Android 设备连接到此开发计算机,您的设备将显示为Offline。

02.jpg | center | 415x194

6.    如果您的设备显示为 Offline,则在 Android 设备上接受 Allow USB Debugging 权限提示。 Offline被替换为您的 Android 设备的型号名称。这时候,可以从开发计算机远程调试您的 Android 设备上的UC浏览器了。

03.jpg | center | 415x171

注:如果您在发现流程中遇到任何问题,您可以通过在 Android 设备上选择 Settings > Developer Options > Revoke USB Debugging Authorizations 重启该流程。

第 2 步:从您的开发计算机调试 Android 设备上的内容。

1.    如果您尚未在 Android 设备上打开 UC浏览器,则现在打开它。
2.    返回 DevTools Devices,点击与设备的型号名称匹配的标签。 在此页面的顶部,您会看到 Android 设备的型号名称,后面紧跟着其序列号。 在型号名称下面,您可以看到在设备上运行的 UC浏览器 的版本。每个打开的 UC浏览器的标签都会有自己的区域。您可以从此区域与该标签交互。

04.jpg | center | 415x171

3.    点击您刚刚打开的网址下方的 Inspect。这将打开一个新的 DevTools 实例。

检查元素

转到您的 DevTools 实例的 Elements 面板,将鼠标悬停在一个元素上以在 Android 设备的视口中突出显示它。
您还可以在 Android 设备屏幕上点按一个元素,以在 Elements 面板中选中它。 点击您的 DevTools 实例上的 Select Element,然后在您的 Android 设备屏幕上点按此元素。 请注意,Select Element 将在第一次触摸后停用,因此,每次想要使用此功能时您都需要重新启用它。

文章TAG:如何  何在  手机  远程  如何在手机上远程调试UC浏览器  

加载全部内容

相关教程
猜你喜欢
大家都在看