移动端Web开发调试之真机连调（安卓、iphone）

​

安卓真机连调

一、工具

安卓手机 + USB数据线 + windows 系统电脑

二、调试

1）用数据线连接手机、电脑
　　手机确保开启USB调试模式【不同机型设置不同】， eg: 华为手机【设置 --> 开发者选项 --> USB调试】
　　手机连接电脑后，在手机上会看到一个弹框请求允许使用这台计算机通过usb调试，勾选后点击“确定”。

备注：联调的App 需要打开调试的权限！

2）Chorme输入：chrome://inspect/#devices，出现以下内容即表示连接成功，点击 inspect 进入调试页面

备注： 网络需要翻墙，否则调试页面无法正常展示。​

iphone 真机连调

一、工具

iphone + 数据线 + mac电脑

二、调试

1）用数据线连接手机、电脑

2. 设置 iphone
   设置 -> safari -> 高级 ->打开网页检查器（默认是关闭的）
   

3. 设置 safari
   3.1 safair 浏览器 --> 偏好设置
   
   3.2 高级 --> 选中 在菜单栏中显示"开发"菜单, safari 浏览器会多打开一个【开发】 的菜单
   
   3.3 开发 --> xxx的 iphone --> 选择要调试的网页
   
   参考：Safari 调试 iPhone Web Page