调试方法

准备工作

您可根据实际情况选择如下任一组设备进行调试：

• 安卓手机、数据线、Windows系统电脑。
• 苹果手机、数据线、Mac系统电脑。

调试步骤

• 选择安卓手机调试。
  1. 用数据线连接手机、电脑，手机开启USB调试模式。
  2. 在Chorme浏览器输入：chrome://inspect/#devices，手机打开需要调试的页面停留片刻会出现调试的设备，如图1即表示连接成功，单击“inspect”进入调试页面。
     图1 DevTools成功连接安卓设备
     
  3. 在DevTools中的Console页签查看打印输出情况，在“Network”页签查看网络请求发送情况，在“Sources”页签对工程文件进行断点调试。

• 选择苹果手机调试。
  1. 在Mac电脑中，选择“Safari 浏览器 > 偏好设置”，单击“高级”，勾选“在菜单栏中显示‘开发’菜单”。
  2. 苹果手机开启调试模式。
  3. 苹果手机连接Mac电脑，打开手机Safari浏览器并运行Web页面。
  4. 在Mac电脑的Safari浏览器“开发”菜单下选择已连接的苹果手机，单击手机打开的Web页面进行调试。