使用uc进行手机页面调试

时间 2019-11-18

标签使用进行手机页面调试繁體版

原文原文链接

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

1.准备工做android

1.1 手机端web

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

1.2 PC端浏览器

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

USB链接模式app

USB链接模式须要搭建AndroidSDK开发环境或安装adb工具。frontend

//附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.开始调试chrome-devtools

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

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

这里能够看到你的手机型号，以及如今打开的页面

点击任一须要调试的页面便可进行调试，调试方法与 PC 上 Chrome 开发者工具的调试方法相似。

3.其余问题

使用chrome浏览器，输入chrome://inspect能够调试android app里面的网页，若是inspect的时候，是空白，

那就在C:\Windows\System32\drivers\etc\hosts文件加入

61.91.161.217 chrome-devtools-frontend.appspot.com
61.91.161.217 chrometophone.appspot.com