手机真机调试web

189 阅读1分钟

IOS +s afari 连接USB调试

  1. iphone和mac处于同一个网络下
  2. mac启动web服务
  3. iphone访问ip和端口号对应的web服务,如 192.168.1.1:3000
  4. iphone设置/Safari浏览器/高级/开启web检查器
  5. iphone打开safari访问192.168.1.1:3000
  6. mac上Safari的开发菜单能看到iphone设备,选 192.168.1.1:3000就能去审查iphone上的web

image.png

image.png

android + chrome 连接USB调试

  1. android开启开发人员选项,USB调试
  2. chrome开启设备,也开启设备调试
  3. android访问 192.168.1.1:3000
  4. chrome能看到android访问地址信息,点击对应的url,inspect就看看到console面板

image.png

image.png

Fiddler/Charles 抓包

1. 抓包工具开启端口,开启代理

image.png

2. 手机连接同个网络,配置代理

服务器选电脑的ip地址,输入抓包工具的端口

image.png

这个时候,手机的发起的网络将被劫持,电脑能看到对应的请求信息

weinre, spy-debugger, vConsole

优先weinre,原理与上面类似,电脑启动服务,手机载入服务的脚本