更新记录

1.1.0（2026-06-30） 下载此版本

Storage 缓存面板

• 新增 Storage Tab，查看 uni.storage 全部 key/value
• 展示占用空间（currentSize / limitSize）
• 支持展开详情、复制 Key/Value、单条删除、清空全部
• 自动 hook setStorage / removeStorage / clearStorage（含 Sync 版本）

Network 网络监控

• 新增 Network 面板 Tab，展示 uni.request / uploadFile / downloadFile 请求
• JS 层 uni.addInterceptor 采集，UTS 独立 network-store 存储（上限 300 条）
• 支持按类型筛选、展开详情、单条复制

平台兼容性

uni-app(3.8.0)

Consola | uni-app 开发调试面板

面向 uni-app App 端的开发调试插件，模仿 vConsole 风格的悬浮日志面板，实时采集 console 输出、Network 网络请求、Storage 本地缓存与 JS 异常，便于日常开发与问题排查。

当前版本：仅 Android 可用。iOS / HarmonyOS 即将更新。

环境要求

• uni-app（vue / nvue）
• Android App 标准基座（无需自定义基座）
• 不支持 H5、小程序、CLI 独立集成

使用

1. 从插件市场导入，或将本插件目录放到项目的 uni_modules/下；
2. 按下方步骤修改 App.vue 与 main.js

App.vue

import * as Consola from "@/uni_modules/wg-app-consola";
import {
    initConsola,
    onConsolaAppError,
} from "@/uni_modules/wg-app-consola/addInterceptor/index.ts";

export default {
    onLaunch() {
        initConsola(Consola); // 放在第一行，方便收集到更多日志
        ...
    },
    onError: onConsolaAppError, // js 异常日志收集
};

main.js（Vue3，捕获渲染错误）

import * as Consola from "@/uni_modules/wg-app-consola";
import { bindConsolaVueApp } from "@/uni_modules/wg-app-consola/addInterceptor/index.ts";

export function createApp() {
    const app = createSSRApp(App);
    bindConsolaVueApp(app, Consola);
    return { app };
}

main.js（Vue2，捕获渲染错误）

在 new Vue() 之前调用 bindConsolaVue2：

import Vue from "vue";
import App from "./App";
import * as Consola from "@/uni_modules/wg-app-consola";
import { bindConsolaVue2 } from "@/uni_modules/wg-app-consola/addInterceptor/index.ts";

Vue.config.productionTip = false;
bindConsolaVue2(Vue, Consola);

App.mpType = "app";
const app = new Vue({
    ...App,
});
app.$mount();

面板配置

initConsola(Consola, {
    panelHeightRatio: 0.5, // 半屏面板
    crashLogLimit: 300, // 崩溃时多保留一些日志
});