聆客开放平台

# 调试应用

# 第一步:部署应用

将示例模板工程使用web服务器部署起来。例如 phpStudy、IIS、Tomcat、http-server等。

PS:使用高版本cordova的应用,需要在url增加 engine=cordova 参数。

# 第二步:生成二维码

可使用https://cli.im/url (opens new window)生成二维码,这样可避免手动输入url。

# 第三步:打开调试工具

  • link安装完成后,打开轻应用调试工具:

    • iOS: 打开手机设置 - 找到聆客APP,点击进入 - 打开开发者调试开关
    • Android: 在聆客APP - 我 - 关于 - 连续点击五次聆客图标
  • 使用轻应用调试

    • iOS: 在聆客APP - 我 - 轻应用调试
    • Android: 在聆客APP - 我 - 轻应用调试 - 打开远程地址
我的主页 调试页面

# 第四步:开始调试

示例模板本地服务地址输入到轻应用调试中。

调试页面 示例模板运行页面

# 调试进阶

除了以上提供的简单调试方式外,还有两种高级调试方式。

# 一、chrome://inspect/#devices

使用chrome://inspect/#devices工具进行调试, 可进行页面元素审查。

连接设备页面 示例模板运行页面
  • 目前只适用于安卓手机,连接步骤:
    • 使用数据线连接电脑。
    • 手机需开启开发者模式,一般开启方式:设置 - 关于手机 - 点击版本号。
开启开发者模式 开发者模式设置
  • 谷歌无法发现设备

# 二、vConsole调试工具

  • 引入vconsole.min.js文件
  • 初始化vconsole
// var vConsole = new VConsole();