使用uc进行手机页面调试

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

最近使用uc浏览器的时候发现了，一个有趣的现象，就是uc会处理h5web app为全屏，并屏蔽一些手机上的操作，这样就会使web app更加接近本地应用。所以就研究了一下uc的手机调试。

1.准备工作

1.1 手机端

进入UC官方网站开发者中心（网站地址），下载Android平台的UC浏览器开发者版，安装到手机中。

1.2 PC端

PC机一台，并在PC上安装Chrome或Safari（推荐使用Chrome）。支持Chrome15–Chrome21，以及Safari5.1.4以上版本。

USB连接模式

USB连接模式需要搭建AndroidSDK开发环境或安装adb工具。

//附Windows操作系统上的adb安装参考

  1)在PC上，通过网络下载安装豌豆荚（Android手机助手）；

  2)在手机上打开USB调试模式：
  3)连接手机与PC，若PC无手机驱动，豌豆荚会自动下载驱动并安装；

  4)将手机与PC连接，能被豌豆荚识别则为正常连接

  5)将adb_tool.zip解压到C:\WINDOWS\system32目录下

  6)开始>运行>输入cmd.exe进入Windows命令提示符窗口，输入adb，

   如果无错误提示，并能够看到”AndroidDebugBridgeversion1.0.26”的提示，则表明adb安装成功

2.开始调试

在手机上启动 UC 浏览器开发者版，并打开需要调试的页面。

在 PC 上打开 Chrome ，点击 ” 工具 -- 检查设备 ” 或者在地址栏输入： chrome://inspect，即可看到 UC 浏览器开发者版已打开的索引页面：