美文网首页
移动应用web调试

移动应用web调试

作者: 品聚微盟 | 来源:发表于2018-01-29 16:21 被阅读0次

    移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。 但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢?

    下面介绍2种针对android机的调试方法

    一.直接使用Chrome浏览器:

    1.在浏览器中输入待调试的site,F12打开调试窗口;

    2.根据需要选择不同类型设备进行调试;

    二.使用手机真机调试:

    1.在pc和android手机上都安装最新版本的chrome;2.使用usb将手机的PC相连接;3.手机中打开“设置”->"开发人员选项"->"USB调试"

    4.打开pc侧chrome, 在地址栏中输入chrome://inspect/#devices 选中discover usb devies。可以看到我们的手机设备,如下图所示:

    5.在手机侧chrome中访问页面. 比如:https://test.lifeccp.com/m/ 同步的,我们会在pc侧的chrome上看到到手机侧访问的页面,如下图所示

    6.点击上图中的inspect, 熟悉的调试界面出现! 在下面页面打开 Inspect:

    相关文章

      网友评论

          本文标题:移动应用web调试

          本文链接:https://www.haomeiwen.com/subject/pfzxzxtx.html