模拟不同于真机!!!!
IOS系统 (网页调试,不适用于webview和windows系统)
运行环境
- MAC + Safari 浏览器
- iPhone + Safari 浏览器
步骤
- 使用数据线链接 Mac 和 iPhone
- iPhone开启Web检查器 (设置→Safari→高级→开启Web检查器)
- iPhone使用Safari打开要调试的页面
- Mac打开Safari并开启调试(菜单栏→开发→选择iphone的设备名称→选择调试页面)
- 在弹出的调试工具中调试吧
Android系统
运行环境
- 电脑 + chrome>=32 浏览器
- Android>4.0 + chrome 浏览器
步骤
- 使用数据线链接 电脑 和 手机
- 手机进入开发者模式,勾选USB调试,并允许调试
- 电脑打开 Chrome 浏览器,在地址栏输入:
chrome://inspect/#devices
并勾选Discover USB devices
选项 - 手机允许远程调试,并访问调试页面
- 电脑点击 inspect 按钮
注意:使用 Chrome Inspect 查看页面时,Chrome 需要从 chrome-devtools-frontend.appspot.com 加载资源,如果你得到的调试界面是一片空白,那你可能需要科学上网。 - 进入调试页面