移动端Web开发调试之真机连调(安卓、iphone)
移动端Web开发调试之Chrome远程调试(Remote Debugging)
·
安卓真机连调
一、工具
安卓手机 + USB数据线 + windows 系统电脑
二、调试
1)用数据线连接手机、电脑
手机确保开启USB调试模式【不同机型设置不同】, eg: 华为手机【设置 --> 开发者选项 --> USB调试】
手机连接电脑后,在手机上会看到一个弹框请求允许使用这台计算机通过usb调试,勾选后点击“确定”。
备注:联调的App 需要打开调试的权限!
2)Chorme输入:chrome://inspect/#devices,出现以下内容即表示连接成功,点击 inspect 进入调试页面
备注: 网络需要翻墙,否则调试页面无法正常展示。
iphone 真机连调
一、工具
iphone + 数据线 + mac电脑
二、调试
1)用数据线连接手机、电脑
-
设置 iphone
设置 -> safari -> 高级 ->打开网页检查器(默认是关闭的)
-
设置 safari
3.1 safair 浏览器 --> 偏好设置
3.2 高级 --> 选中 在菜单栏中显示"开发"菜单, safari 浏览器会多打开一个【开发】 的菜单
3.3 开发 --> xxx的 iphone --> 选择要调试的网页
参考:Safari 调试 iPhone Web Page
更多推荐
已为社区贡献2条内容
所有评论(0)