移动端Web调试工具_uc开发者版本

前端开发用什么框架吗 前端开发新框架 前端开发app混合开发框架

看到站点上很多人在讨论有什么好的工具能够用在移动端web调试上,看了下回复,基本上都是直接在pc谷歌浏览器上调试好,
再在手机上去看是否正确,其实我也是这样做的,只是有的时候页面在pc上看正确,在手机上看就不正确了,这样因为在手机
端没有像谷歌那样的开发者工具,所以很多时候都不知道怎么去调整。

其实在国内已经有了调试的工具,那就是uc开发者版本,这个版本应该很少有人知道,现在我就来向大家介绍一下怎么用这个东西

来调试我们的移动端页面。

1.到http://www.uc.cn/business/developer/这个网站上下载uc开发者版本,安装到手机中;

561da28dad74fe71a1d5bc5bd76a5fd9

2.uc开发者版本有两种调试模式,其实两种都是利用pc的谷歌浏览器来调试的,一种就是usb连接,还有一种就是wifi链接了,我一般用的是wifi链接;

一定要保证电脑和手机在同一个wifi环境下;在手机上查看手机ip,记下手机ip,手机ip一般在设置-无线网络,下面你连接的无效网络名的属性上有;

3.假如你在pc上开了一个tomcat服务,调试的站点在此服务上运行,此时,你用手机打开你要调试的页面,待页面打开后,再在pc的谷歌浏览器上访问你手机

的ip+端口9998访问,假如我的手机的ip是10.1.47.47 ,此时pc上访问的地址应该是####10.1.47.47:9998,此时手机端会询问你是否允许调试,点击允许;

5e5a34fa00245c7ccec1fad04a4186ff

pc谷歌浏览器此时应该会出现调试的网页

7fc489201d89745154ba55ff1b31b871

3.点击pc浏览器上出现的调试网页,这个时候就会进入调试界面,如下:

e993d8bd88e4d868221ae3a664ceb200

此时你就可以像在pc端调试界面一样调试移动端的页面了。{:1_402:}

wap前端开发框架 前端开发ui框架 web前端框架与移动前端开发

赞(0)
前端开发者 » 移动端Web调试工具_uc开发者版本
64K

评论 抢沙发

评论前必须登录!