uniapp 开发app 如何开启debug调试模式

在uniapp开发APP时，如何开启debug调试模式？具体步骤是什么？需要配置哪些参数？在HBuilderX中是否有相关设置？调试时需要注意哪些问题？

2 回复

在HBuilderX中，点击运行到手机或模拟器，会自动开启调试模式。也可在manifest.json的源码视图中添加"debug": true。真机调试需开启USB调试，并在手机端同意调试请求。


在 UniApp 中开启 Debug 调试模式，可以通过以下几种方法实现。以下是详细步骤和说明：

1. 在 HBuilderX 中开启调试

  • 步骤：
    在 HBuilderX 编辑器顶部菜单栏，选择 运行 → 运行到手机或模拟器 → 开启调试模式。
    这会在控制台输出详细日志，方便排查问题。

2. 在代码中手动开启调试

在 main.js 或页面逻辑中添加以下代码，启用 UniApp 的调试功能：

// 开启调试模式（仅开发环境有效）
if (process.env.NODE_ENV === 'development') {
  uni.setEnableDebug({
    enableDebug: true
  });
}

注意：此方法需在真机或模拟器上运行，且部分平台（如 iOS）可能受限。

3. 通过 manifest.json 配置

在 manifest.json 文件中设置调试参数：

{
  "app-plus": {
    "debug": true
  }
}

配置后重新运行项目即可生效。

4. 使用浏览器开发者工具

  • 运行到 H5 平台 时，直接按 F12 打开浏览器开发者工具，查看 Console 或 Network 标签页的日志。

注意事项：

  • 调试完成后，请关闭调试模式，避免生产环境泄露敏感信息。
  • 不同平台（如 Android/iOS）可能有兼容性差异，建议真机测试。

通过以上方法，可快速定位并解决开发中的问题。

回到顶部