继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Chrome浏览器真机调试web页面

MMTTMM
关注TA
已关注
手记 432
粉丝 65
获赞 364

写前端页面的时候,移动端页面开发需要模拟触摸事件,在电脑上操作不太方便,使用物理机可以操作起来会更舒服。

但是在使用物理机触摸屏幕的时候,调试起来有有点不太方便,好在谷歌浏览器给我们提供了真机调试的功能。一些人可能会使用UC浏览器进行调试,但是在Mac电脑上无法安装UC浏览器。想起来谷歌浏览器用的更广泛,经常使用,还是使用谷歌浏览器调试真机吧。

操作

  1. 手机连接USB

  2. 打开开发者控制台,选择远程调试remote devices

    控制台


  3. 配置remote devices,在手机端信任此电脑。等到设备哪里看到手机型号为connected之后,就可以了。

发现USB设备

  1. 调试页面,你访问的页面可以点击 设备符号看到,点击你的浏览器访问的页面。点insepect


    访问记录

  2. 开始调试,和普通的PC端页面调试差不多,不过是在真手机上。


    调试页面

最后

这篇文章主要介绍了如何配置谷歌浏览器,来调试真实的物理机设备。


作者:Real_man
链接:https://www.jianshu.com/p/7ddad91698ff


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP