美文网首页
移动端网页真机调试

移动端网页真机调试

作者: 芒果加奶 | 来源:发表于2017-05-31 16:48 被阅读0次

    发现个真机看效果的好方法,
    在同一网络下,手机端访问PC的ip+端口+地址 是可以直接访问到网页的,前提PC端已经开启服务,比如node.js

    更新-----------------------------------------------------------------------------------------------------
    在调试移动端网页使用chrome模拟时发现在真机环境有一些情况并不能模拟出来,于是寻找了下使用真机调试方法。
    亲测了几种,还是觉得chrome最为方便。
    Chrome DevTools
    调试需要:

    • 最新桌面版Chrome浏览器,至少大于32+
    • 一根usb数据线
    • 安卓版Chrome浏览器,安卓需要4.0+
    • 手机助手,直接使用360手机助理就可以。

    调试步骤:
    1、 数据线连接手机与电脑
    2、手机助手打开开发者模式和USB调试,如图

    开发者模式 USB调试
    3、电脑打开chrome浏览器,输入chrome://inspect,保证勾选Discover USB devices inspect

    可以看到已经连上移动设备,其中点击inspect打开调试,同时移动端也同时更新。

    和网页端调试相同 移动端加载条同步电脑

    inspect 打开调试
    focus tab 页面置顶
    reload 重新加载页面
    close 关闭页面

    相关文章

      网友评论

          本文标题:移动端网页真机调试

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