问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

如何使用 UC浏览器开发者版 进行移动端调试

发布网友 发布时间:2022-04-19 12:31

我来回答

1个回答

热心网友 时间:2022-04-26 18:23

1、一台PC、一台手机

很显然首先你得需要一台 PC 机,一台手机, 并把它们连上同一个网段的网络(推荐做法,也可以 USB 连接调试,详见 UC浏览器开发者版 )。

2、PC、移动端文件安装

毫无疑问,移动端需要安装 UC 浏览器开发者版 。而 PC 端需要安装 ADB工具,是个压缩文件,解压后双击 exe 文件就 OK 了。

3、调试

准备工作完成,接下去就是激动人心的调试环节了!

首先在移动端打开安装的浏览器,打开需要调试的页面。

接着我们打开 PC 端的 chrome 浏览器(Safari 也可以,建议 chrome),在地址栏输入 手机IP+:9998 ,比如我的是 http://192.168.23.10:9998/ 。我在手机端打开了两个网页,在 PC 端显示如下:

接着点击任一你需要调试的网页,此时浏览器的 url 会发生变化,手机那边会跳出对话框如下,点确定就 ok 了。

接着会出现 chrome 调试面板(不知道是什么版本的,反正很古老!)如果没出来,耐心等一会。

接着就进入调试模式了,你会发现手机屏幕的左上角多了个小把手。nice!接下去就可以像 PC 端一样调试了,需要注意的是,如果你想刷新页面重新发送请求,要在手机上刷新!这个时候,也可以愉快地进行 js 调试了,爽歪歪!

我打开了百度首页,鼠标移到 PC 端 Elements 面板上的搜索框代码部分,手机端就会有响应了!

PS:在我的机器上 chrome 面板(Elements 模块)展开不好用,需要双击,而且双击展开后就关不上了。

UC 浏览器开发者版调试也有两个明显的缺点:

仅支持安卓机

无法做到浏览器兼容(比如程序只在 Safari 上出了问题)

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
焦作有哪些旅行景点值得一去? 河南穿古装去的地方 AE入门从学会套模板开始,AE模板套用简易教程,看起来复杂的AE其实也很... ae怎么套用模板ae模版的使用方法 北京通州区有什么好玩的地方吗 请问现在有哪些看电影的网站?越多越好~~ 帮初中女儿请假一天讲身体不适,班主任却跟别的老师讲她得了大病,该如何... 梦见家中被盗空只剩一件绿色衣的预兆 梦见美丽沙穗 美版4s内置卡贴有什么危害? 如何开发手机端网页开发调试工具 移动端网页用什么工具开发,和用什么工具调试 如何用Opera Mobile调试手机版网页 如何利用Chrome devTools调试android手机上的web网站 如何用OperaMobile调试手机版网页 手机浏览器可以像电脑一样F12调试吗 手机调试页面? 自己开发好的网页;手机怎么样才能访问调试 什么手机浏览器可以调试网页 如何用手机进行本地前端调试 gg修改器为什么用不了Root请教学 微信好友删除了,再加上他,以前的聊天记录还能查... Old Tom the killer whale,的翻译 怎么能知对方删没删微信聊天记录 微信关联能否看到对方的聊天记录 微信怎么能知道对方和别人老天记录? 微信中,删除好友后,怎么查找好友的聊天记录,请看图 oppor15 怎么启动GG修改器的守护进程 oppo.手机gg修改器怎么过守护进程未运行? 20295508是哪里的电话? chrome 调试工具怎样模拟调试手机网页 如何用电脑调试安卓手机浏览器上的网页 手机网页如何在电脑上调试 如何用 Chrome DevTools 调试 iOS Safari 免费的音乐制作软件有哪些? 求推荐一个好用免费的音频剪辑软件 音乐制作软件哪个好 音乐编辑软件有哪些? 免费的音乐制作软件哪个好用呀 都有什么免费的音乐编辑软件 手机音乐制作软件哪个? 音乐剪辑软件有哪些? 有没有可以制作音乐的软件? 免费的制作音乐软件 有哪些软件可以剪辑音乐 免费没有水印的音乐编辑软件? 求免费得音乐剪辑软件 好用的音乐制作软件? 音乐制作软件哪个最好? 有没有免费制作音乐的软件?