使用uc进行手机页面调试
2024-10-20 08:55:25
最近使用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 浏览器开发者版已打开的索引页面：
这里可以看到你的手机型号，以及现在打开的页面
点击任一需要调试的页面即可进行调试，调试方法与 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
最新文章
- html5中canvas的使用 获取鼠标点击页面上某点的RGB
- JavaWeb 命名规则
- UVA 10892 - LCM Cardinality(数学题)
- MinGW/MSYS 交叉编译环境搭建
- js获取IP地址方法总结_转
- 【面试题】Https
- Using django model/authentication/authorization within Tornado
- android 去掉listview之间的黑线
- UEP-标签
- React Native 轻松集成统计功能（iOS 篇）
- JDBC（Java Data Base Connectivity,java数据库连接）
- opencv学习之路（34）、SIFT特征匹配（二）
- Gym - 100989H
- jQuery事件委托
- 局域网内远程连接OPC配置方法详解
- Windows server 2008 R2如何预览图片而不是显示图标？
- 如何在集群中获得处理本次请求的web容器的端口号？
- Oracle to_date()函数的用法《转载》
- 微信公众号H5支付
- Vue 中使用UEditor富文本编辑器-亲测可用-vue-ueditor-wrap