让你在PC上调试Web App,UC浏览器发布开发者版

目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试。手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实。

因此,UC使用技术将手机网页调试信息分离,实现一种能在大屏幕、高配置PC上来调试小屏幕、低配置的手机浏览器访问的网页的开发工具——Remote
Inspector(简称RI)。

主要功能

Android平台UC浏览器开发者版,主要支持以下功能:

  • DOM查看和修改

  • JavaScript调试、CSS调试

  • 网络状态查看

  • 资源文件查看

  • Console控制台

准备工作


手机端

进入UC官方网站开发者中心( 网站地址 ),下载Android平台的UC浏览器开发者版(UCBrowser_Dev_RI.apk, 下载地址 ),安装到手机中。

PC端

PC机一台,并在PC上安装Chrome或Safari(推荐使用Chrome)。支持Chrom

15 – Chrome 21,以及Safari5.1.4以上版本。

下载adb工具(adb_tool.zip,下载地址)到PC中。

连接手机与PC

Android平台UC浏览器开发者版,远程调试支持USB连接、Wi-Fi连接两种模式

Wi-Fi连接模式

Wi-Fi模式下,保证手机与PC处于同一个无线网段即可。

USB连接模式

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. 开始>运行>输入cmd.exe 进入Windows命令提示符窗口,输入adb,如果无错误提示,并能够看到”Android Debug
    Bridge version 1.0.26”的提示,则表明adb安装成功

搭建好Android SDK开发环境或安装好adb工具后,通过adb命令进行端口映射

在Windows命令提示符窗口(cmd.exe)运行:adb forward tcp:9998 tcp:9998


调试方式

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

在PC上打开Chrome或Safari

若是Wi-Fi连接模式,则在地址栏输入:手机IP+:9998

例,手机IP为192.168.112.244,则输入192.168.112.244:9998

此时手机端的UC浏览器开发者版会弹出对话框,如下:

选择确定,允许调试。

若是USB连接模式,则在地址栏输入:http://localhost:9998

成功访问该网址后,即可看到UC浏览器开发者版已打开索引页面:

接下来,点击任一需要调试的页面即可进行调试。调试方法与PC上Chrome或Safari开发者工具的调试方法类似。以UC产品下载站为例,点击进入调试页面:

当UC浏览器开发者版的某个页面被远端浏览器调试时,系统通知栏会显示扳手图标,提示UC浏览器-调试模式开启,表明当前手机页面处于调试状态。如图:

所有工作准备就绪,接下来可进入调试阶段。

调试的具体方式什么的就不详细讲了,可以直接去下载我的,我就贴图几张吧!

相关下载:

让你在PC上调试Web App,UC浏览器发布开发者版,布布扣,bubuko.com

时间: 06-11

让你在PC上调试Web App,UC浏览器发布开发者版的相关文章

绕过限制,在PC上调试微信手机页面

场景 假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开.而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试.这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备 方便调试的浏览器.个人喜欢Chrome,本文基于Chrome 43.0.2357.130 (正式版本) m (32 位)环境. 抓包工具,推荐fiddler4,当然你比较喜欢Wireshark的话也可以,反正只要是能抓到cookies就都可以 能编辑cookies的浏览器插

在PC上调试微信手机页面的三种方法

场景 假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开.而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试.这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备 ????1.方便调试的浏览器.个人喜欢Chrome,本文基于Chrome 43.0.2357.130 (正式版本) m (32 位)环境: 2.抓包工具,推荐fiddler4,当然你比较喜欢Wireshark的话也可以,反正只要是能抓到cookies就都可以: 3.能编辑c

在GOOGLE浏览器中模拟移动浏览器 调试Web app

在此记录下,以便在今后的工作中用到. 首先通过F12 or Ctrl+Shift+i,打开开发者工具,点击开发者工具面板的 (show  drawer)按钮,出现如下图所示的面板: 切换至Emulation选项卡中,在这里我们就可以自由地模拟各种各样的移动浏览器了,该功能支持了包括iPhone.ipad.google nexus系列等机型.   感兴趣的同学赶紧去试试吧.你会发现chrome是最好的web app开发利器.   温馨提示:需要在chorme 32版本后,才有些设置哦.   最后还

Chrome远程调试手机端UC浏览器

今天在手机UC上发现我的一个网页打不开,而在PC上是正常的,因此需要通过Chrome远程调试手机端UC浏览器查下问题,折腾了老久才弄好. 获取 Google USB 驱动程序 首先将手机通过USB接口与PC连接 接着要确认手机USB驱动程序是不是正常,可以在设备管理器中查看,如果设备左侧没有黄色感叹号,则说明正常. 如果不正常就需要手动安装了,给个链接:获取 Google USB 驱动程序 开发者选项 打开手机的开发者选项 进入手机中 我的设备 -> 全部参数,连续7次点击版本号,以Redmi

调试WEB APP多设备浏览器(转)

方法:adobe shadow  \ opera远程调试\ weinre adobe shadow: 我们经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试页面,JavaScript,DOM元素和CSS样式的调试.但是,当我们为移动Web站点或应用进行调试时,这些工具就很不方便,因为不知道在手机上或者pad看到的效果是怎样的? 解决方案一: adobe shadow 我们先来安装Adobe Edge Inspect CC 下载地址:https://creative

调试WEB APP多设备浏览器

方法:adobe shadow  \ opera远程调试\ weinre adobe shadow: 我们经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试页面,JavaScript,DOM元素和CSS样式的调试.但是,当我们为移动Web站点或应用进行调试时,这些工具就很不方便,因为不知道在手机上或者pad看到的效果是怎样的? 解决方案一: adobe shadow 我们先来安装Adobe Edge Inspect CC 下载地址:https://creative

Azure Stack技术深入浅出系列5:在Azure Stack上使用Web App PaaS服务及其背后原理窥探(开发案例)

App Service 是微软Azure的PaaS产品. 为任何平台或设备创建Web App PaaS服务和mobile App PaaS服务. 将应用与SaaS解决方案集成.与本地应用程序进行连接,以实现业务流程的自动化.在我们日常开发中,经常会使用Web App PaaS服务来承载企业的业务. 本文试图通过一个案例来分别详细说明Azure Web App业务的下列几大特点: 应用服务计划 多种语言和框架 持续集成和部署 连接数据库服务 可用性全局缩放 就在本文撰写过程中,Azure Stac

EVC在双核PC上调试速度慢的原因

以前使用单核PC,EVC+SP4使用模拟器进行调试,速度还可以. 但是当PC换成双核时,发现使用模拟器进行调试,速度还慢,让人无法接受! 记得以前在网上看到过此问题,是双核CPU引起的.所以: 打开“任务管理器” -> 选择 模拟器的进程名点击右键,选择“关系设置”,只勾上一个CPU. 终止当前调试,重新开始.发现单步调试速度正常! 还有一种可能:改成KITL的连接方式才正常调试的. 最后建议如果能换 VS 系统的工具,如 VS2005/VS2008,一定要换哦!

[WINCE|VS2008] 用在PC上调试WINCE程序

http://www.danielmoth.com/Blog/deploy-to-my-computer.aspx 作者:The Moth 步骤: 1. 在VS2008中打到 Device Options=>Windows CE=>Save As... => DesktopRun ,关闭VS2008 2. 打开文件 %USERPROFILE%\Local Settings\Application Data\Microsoft\CoreCon\1.0\conman_ds_platform.