UC浏览器开发者版
（Android平台）
目录
目录......................................................................................................................................................................................... - 1 - 1关于RI .. (2)
1.1 主要功能....................................................................................................................... - 2 - 2准备工作 .. (3)
2.1 手机端........................................................................................................................... - 3 -
2.2 PC端 ............................................................................................................................. - 3 -
2.3 连接手机与PC .............................................................................................................. - 3 -
2.3.1 Wi-Fi连接模式 .................................................................................................................................................. - 3 -
2.3.2 USB连接模式.................................................................................................................................................... - 3 -
2.3.3 针对MAC上的调试使用方法......................................................................................................................... - 4 - 3调试方式 .. (7)
4调试面板 (10)
4.1 元素面板(Elements Panel) ............................................................................................. - 10 -
4.1.1 高亮显示页面元素.......................................................................................................................................... - 10 -
4.1.2 查看选中元素的HTML代码 ........................................................................................................................ - 12 -
4.1.3 修改原页面的HTML代码 ............................................................................................................................ - 14 -
4.2 资源面板(Source Panel) ................................................................................................ - 15 -
4.3 网络面板(Network Panel) .............................................................................................. - 16 -
4.4 脚本面板(Source Panel) ................................................................................................ - 17 -
4.5 控制台(Console)........................................................................................................... - 18 -
1关于RI
目前，在手机上使用浏览器访问网页，无法便捷
地进行网页语言调试。手机屏幕相对较小且操作不
便，直接在手机上进行网页数据调试不太现实。
因此，我们使用技术将手机网页调试信息分离，
chrome浏览器手机版下载
实现一种能在大屏幕、高配置PC上来调试小屏幕、
低配置的手机浏览器访问的网页的开发工具——
Remote Inspector（简称RI）。
1.1主要功能
Android平台UC浏览器开发者版，主要支持以下功能：
✓DOM查看和修改
✓JavaScript调试、CSS调试
✓网络状态查看
✓资源文件查看
✓Console控制台
2准备工作2.1手机端
进入UC开发者中心（网站地址），下载Android平台的UC浏览器开发者版（UCBrowser_Dev_RI.apk，下载地址），安装到手机中。
2.2PC端
PC机一台，并在PC上安装Chrome或Safari（推荐使用Chrome）。支持Chrome 15 – Chrome 21，以及Safari5.1.4以上版本。
下载adb工具（adb_tool.zip，下载地址）到PC中。
2.3连接手机与PC
Android平台UC浏览器开发者版，远程调试支持USB连接、Wi-Fi连接两种模式。
2.3.1Wi-Fi连接模式
Wi-Fi模式下，保证手机与PC处于同一个无线网段即可。
2.3.2USB连接模式
USB连接模式需要搭建Android SDK开发环境或安装adb工具。
//附Windows操作系统上的adb安装参考
1)在PC上，通过网络下载安装豌豆荚（Android手机助手）；
2)在手机上打开USB调试模式：
设置>应用程序>开发>USB调试
3)连接手机与PC，若PC无手机驱动，豌豆荚会自动下载驱动并安装；
4)将手机与PC连接，能被豌豆荚识别则为正常连接
5)将adb_tool.zip解压到C:\WINDOWS\system32目录下
6)开始>运行>输入 进入Windows命令提示符窗口，输入adb，如果无错误提
示，并能够看到”Android Debug Bridge version 1.0.26”的提示，则表明adb
安装成功
搭建好Android SDK开发环境或安装好adb工具后，通过adb命令进行端口映射。
在Windows命令提示符窗口（）运行：adb forward tcp:9998 tcp:9998 2.3.3针对MAC上的调试使用方法
对于开发环境是MAC机的开发者也可以使用UC的开发者版本进行开发和调试web页面，也有两种连接模式（即Android手机与MAC机连接）：
(1) Wifi连接模式
Wi-Fi模式下，保证手机与PC处于同一个无线网段即可。
(2) USB连接模式
USB连接模式需要搭建Android SDK开发环境或安装adb工具。
//附MAC机操作系统（Mac OS X 10.7.4 及其以上版本）上的adb安装参考。
1)下载Android sdk for mac

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。