阅读 24

移动端真机调试

模拟不同于真机!!!!

IOS系统 (网页调试,不适用于webview和windows系统)

运行环境

  • MAC + Safari 浏览器
  • iPhone + Safari 浏览器

步骤

  1. 使用数据线链接 Mac 和 iPhone
  2. iPhone开启Web检查器 (设置→Safari→高级→开启Web检查器)
  3. iPhone使用Safari打开要调试的页面
  4. Mac打开Safari并开启调试(菜单栏→开发→选择iphone的设备名称→选择调试页面)
  5. 在弹出的调试工具中调试吧

Android系统

运行环境

  • 电脑 + chrome>=32 浏览器
  • Android>4.0 + chrome 浏览器

步骤

  1. 使用数据线链接 电脑 和 手机
  2. 手机进入开发者模式,勾选USB调试,并允许调试
  3. 电脑打开 Chrome 浏览器,在地址栏输入:chrome://inspect/#devices 并勾选 Discover USB devices 选项
  4. 手机允许远程调试,并访问调试页面
  5. 电脑点击 inspect 按钮
    注意:使用 Chrome Inspect 查看页面时,Chrome 需要从 chrome-devtools-frontend.appspot.com 加载资源,如果你得到的调试界面是一片空白,那你可能需要科学上网。
  6. 进入调试页面
另附链接 时间关系没有遇到的情况暂不记录 可以查看这条链接jelly.jd.com/article/600…
文章分类
前端
文章标签