移动端调试 - UC浏览器开发者版 - WIFI

Chrome 

功能特性

支持PC或Pad设备,实时调试手机网页

DOM、CSS、JS调试

多功能面板满足多种调试需求

1   准备工作

保证手机与PC处于同一个无线网段。

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

2   调试方式

在地址栏输入:手机IP + :9998

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

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

选择确定,允许调试。

接下来,你就可以像PC端一样调试页面啦。

时间: 2024-08-25 15:21:54

移动端调试 - UC浏览器开发者版 - WIFI的相关文章

UC浏览器开发者版调试手机页面

1 关于RI 目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试.手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实. 因此,我们使用技术将手机网页调试信息分离,实现一种能在大屏幕.高配置PC上来调试小屏幕.低配置的手机浏览器访问的网页的开发工具——RemoteInspector(简称RI). 1.1主要功能 Android平台UC浏览器开发者版,主要支持以下功能: DOM查看和修改 JavaScript调试.CSS调试 网络状态查看 资源文件查看 Console控制台

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

目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试.手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实. 因此,UC使用技术将手机网页调试信息分离,实现一种能在大屏幕.高配置PC上来调试小屏幕.低配置的手机浏览器访问的网页的开发工具--Remote Inspector(简称RI). 主要功能 Android平台UC浏览器开发者版,主要支持以下功能: DOM查看和修改 JavaScript调试.CSS调试 网络状态查看 资源文件查看 Console控制台 准备工作 手机端

在UC浏览器打开链接唤醒app,如果没有安装该app,则跳转到appstore下载该应用

需要在工程中设置如下: 1.打开工程中的myapp-Info.plist文件 2.打开文件中新增URL TYPES的一项,具体如下图所示: 在你要打开的网页中使用如下的代码: <!-- a标签的链接,设置为对应的下载链接:点击打开的动作,在click事件中注册 --> <a href="https://itunes.apple.com/cn/app/id892359007" id="openApp">我的应用</a> <sc

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

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

UC 浏览器远程调试手机web网页记录

浏览器远程调试插件有很多,本来要使用chrome浏览器的调试插件的,但是需要FQ才能使用(公司网络有限制,果断放弃),最终选择使用UC浏览器的. 其实UC官网插件使用已经介绍的很详细了,但是有几处坑需要注意一下额! 参考进行配置UC远程调试:http://plus.uc.cn/document/webapp/doc5.html 1,如下图,如果是win64位系统,应该解压到C:\Windows\SysWOW64目录下 2,如下图,安装adb成功后,执行以下命令进行映射端口时,命令之间有空格,可以

【笔记】uc浏览器中以及移动端浏览器中元素垂直居中的方法

关于css 的垂直居中有很多方法,但是uc 浏览器还真是一个移动端浏览器清流之中的泥石流!! 最近在慕课网学习vue webApp 的制作,其中有一个是让元素内的文字与图标垂直居中 电脑端的chrome 和手机浏览器的默认浏览器打开都没有什么差异,唯独uc 浏览器打开会有一点点的偏移,心里很不舒服于是把vertical-align 的属性都配对了一遍最终找到了办法 先看代码 <!-- 弹出层显示按钮 --> <div v-if="seller.data.supports&quo

移动端UC浏览器和QQ浏览器的部分私有meta属性

UC浏览器 1.设置屏幕横屏还是竖屏 <meta name="screen-orientation" content="portrait | landscape"> 2.设置是否全屏,yes是强制全屏 <meta name="full-screen" content="yes | no"> 3.缩放不出滚动条 no,缩放与标准浏览器缩放一致 yes,缩放到图片和文字时,不出现横向滚动 <meta

移动端调试方法

移动端的页面我们要想调试最常用的应该属于是chrome的机型的模拟了,但是如果遇到一些只有在某种机型上面才能看到的bug的话就不好调试了. iphone端调试 首先苹果端是可以调试的,苹果模拟器和苹果浏览器是同一套系统,可以无缝对接调试,Xcode有苹果模拟器,打开模拟器,再打开safari浏览器找到开发下来就能找到这个页面的源码,前提是这个页面是web做的. 安卓端的调试 安卓也是可以的利用chrome,只是需要多点流程, 需要准备 1,pc安装最新chrome. 2,安卓手机(系统需要4.1

响应式rem针对UC浏览器12号字体可行性解决方案

手机UC浏览器12号字体可行性解决方案 今天上班测试手机专题时候发现,UC浏览器去浏览到手机页面12号字体放大到16号字体大小,始终是改变我所写的样式为12号字体大小,但是苹果 saf 浏览器  还有小米自带浏览器或者国产手机都能正常显示12号字体,这个UC变态啊~~ 后来web群里有个同仁说美团移动端用的也是12px字体,瞅了眼,其实美团移动用的并非是12px而是rem字体. 那么,什么是rem字体?rem字体何处使用?为此我也查阅了下资料 「rem」是指根元素(root element,ht