在做混合APP的内嵌前端项目时,需要在真机上进行对页面的相关内容进行调试,所以在这里记录一下,相关的调试方法。

Android 调试

  1. 打开手机内的开发者模式,开启USB调试功能
  2. 把手机连接上你的电脑,允许弹窗内容,信任相关设备
  3. 打开chrome,输入 chrome://inspect/#devices,就会出现如下页面

  4. 点击相应的inspect,即可以开始调试了。

要求:Android>4.0,Chrome>32

IOS 调试

如果使用真机,由于iOS有签名校验机制,正式包不允许safari debug,所以安装在真机上的包必须是测试签名打的包。

  1. 开启iOS设备的调试功能

打开“设置”程序,进入“Safari”->“高级”页面开启“Web检查器”:

  1. 开启Safari的调试功能,
    1. 打开“开发者”菜单,运行Safari,点击“Safari”菜单下面的“偏好设置(Preferences…)”,切换到“高级选项(Advanced)”
    2. 勾选“在菜单栏显示”开发”菜单(Show Develop menu in menu bar)”,关闭偏好设置。
  2. 设备连接Mac,打开safari,点击开发(Develop)弹出菜单会出现设备名称项,进入后显示设备上所有打开的“HTML页面”列表。
  3. 点击对应的页面就可以进行调试了。

转载请标注原文地址