答案是控制台日志需在“运行”状态下查看，且必须确保右下角显示绿色“正在运行”图标；报错堆栈可点击错误行跳转源码、启用详细日志模式或通过uni.onerror捕获；network日志须用浏览器devtools查看，真机调试需借助chrome inspect（安卓）或safari web inspector（ios）。
在HBuilderX里写完console.log('test')却看不到输出，页面报错也不弹堆栈，Network面板空空如也——这不是代码没跑，而是你根本没打开正确的日志入口，或者日志被默认过滤、通道被阻断、设备没连上调试链路。
控制台基础日志（console.log）在哪看
打开HBuilderX → 确保项目已加载 → 点击顶部菜单【运行】→ 选择「运行到浏览器」或「运行到App基座」（不能选「运行到微信开发者工具」等第三方环境）；
等待页面加载完成，控制台自动切换至「控制台」标签页，所有console.log、console.warn、console.error会实时滚动显示；
【关键前提】：必须在「运行」状态下查看，单纯编辑代码不触发日志输出；若控制台空白，先确认右下角状态栏是否显示绿色「正在运行」图标，否则日志通道未激活。
报错堆栈（SyntaxError/ReferenceError等）定位方法
方法一：直接看控制台红色错误行
点击错误行末尾的文件名+行号（如pages/index/index.vue:42），HBuilderX会自动跳转到对应源码位置，光标精准落在出错语句上；
方法二：启用详细日志模式
设置 → 编辑器设置 → 控制台 → 勾选「显示详细日志」→ 重启HBuilderX；此模式下会输出完整调用栈、错误类型、触发时机（含时间戳），避免被折叠；
方法三：强制触发onError捕获
在main.js或App.vue的onLaunch中插入：uni.onError(err => { console.error('[全局错误]', err); });
该方式能捕获JS层未处理异常，但无法捕获原生崩溃或WebView初始化失败。
网络请求（Network）日志排查路径
第一步：确认运行目标为「浏览器」或「App基座」（真机调试不支持Network面板）；
HBuilderX 是由 DCloud 推出的一款轻量级前端开发工具，在 Linux 系统上主要用于 Web 开发与跨平台应用开发，尤其适合 Vue 和 uni-app 相关项目。
第二步：运行成功后，按Ctrl+Shift+I（Windows/Linux）或Cmd+Option+I（macOS）唤起浏览器DevTools → 切换到「Network」标签页；
第三步：刷新页面或触发接口请求 → 观察列表中请求状态（Status）、响应时间（Waterfall）、响应体（Response）；若列表为空，检查左上角「Disable cache」是否勾选，以及「XHR」和「Fetch」是否开启过滤；
第四步：点击任一请求 → 查看「Headers」确认请求地址、Method、Request Payload；「Preview」或「Response」查看返回内容；「Timing」分析DNS、TCP、SSL各阶段耗时；
注意：HBuilderX自身控制台不提供Network面板，它只转发console和JS错误；网络层问题必须依赖浏览器DevTools或手机端adb logcat（安卓）/Safari Web Inspector（iOS）。
真机调试时console日志不显示的应急方案
安卓真机：打开Chrome → 输入chrome://inspect/#devices → 找到已连接设备 → 点击「inspect」→ 切换到Console面板；此操作依赖手机开启USB调试且Chrome能识别设备，【若列表为空，请确认手机通知栏是否弹出“允许USB调试”提示并点“确定”】；
iOS真机：电脑需安装最新版Xcode → 手机设置→ Safari→ 高级→ 开启「Web检查器」→ 电脑Safari→ 开发→ [你的设备名]→ 选择对应页面→ Console即可查看；
uni-app项目：在manifest.json中确保「调试基础库版本」≥3.2.0，并在vue.config.js中添加：configureWebpack: { devtool: 'source-map' }，否则错误堆栈无法映射回源码。
