移动端网页真机调试

发现个真机看效果的好方法,
在同一网络下,手机端访问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 关闭页面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容