移动端调试

随着移动设备的普及以及微信庞大的用户量,移动端的需求也随之爆发式增长,平时我们使用 Chrome 进行手机模拟页面开发,但模拟终究是模拟,不可避免的还是需要真机调试,下面就来讲讲几种调试方案,希望能对你有所帮助。

iPhone

iPhone + Safari

使用 Lightning 数据线将 iPhone 与 Mac 相连

iPhone(iOS 6 +)

  1. iPhone 开启 Web 检查器(设置 -> Safari -> 高级 -> 开启 Web 检查器)
  2. iPhone 使用 Safari 浏览器打开要调试的页面

Safari

  1. Mac 打开 Safari 浏览器调试(菜单栏 —> 开发 -> iPhone 设备名 -> 选择调试页面)
  2. 如果你的菜单栏没有“开发”选项,可以到左上角 Safari -> 偏好设置 -> 高级 -> 在菜单栏中显示“开发”菜单。

Android

Android + Chrome

使用 USB 数据线将手机与电脑相连

Android (4.0 +)

手机进入开发者模式,勾选 USB 调试,并允许调试

Chrome

  1. 电脑打开 Chrome 浏览器,在地址栏输入:chrome://inspect/#devices 并勾选 Discover USB devices 选项

Charles

iphone

网络设置(设置 -> 网络 -> 配置代理 -> 手动代理)
网址:笔记本网址
端口:8888

×

纯属好玩

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

文章目录
  1. 1. iPhone
    1. 1.1. iPhone + Safari
      1. 1.1.1. iPhone(iOS 6 +)
      2. 1.1.2. Safari
  2. 2. Android
    1. 2.1. Android + Chrome
      1. 2.1.1. Android (4.0 +)
      2. 2.1.2. Chrome
  3. 3. Charles
    1. 3.1. iphone
,