更新记录
1.1.0(2026-02-28) 下载此版本
- 优化插件包大小
- 修复已知问题
平台兼容性
uni-app(5.01)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | - | √ | - | - | - | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
kz-ad-tester 跨端调试助手
基于 uni_modules 标准开发的轻量级跨端调试工具。支持 App、小程序、H5 环境下的全局日志拦截与可视化窗口。
功能特性
- 非侵入式:基于
uni_modules标准,不影响主项目原有文件。 - 全局拦截:自动捕获
console.log和console.error。 - 可视化面板:内置浮动调试控制台,实时查看运行日志。
- 跨端支持:针对 uni-app 环境优化,适配全平台。
安装与使用
1. 引入插件
在 main.js(Vue3 项目)中引入并使用插件:
import { createSSRApp } from 'vue'
import App from './App.vue'
import kzAdTester from '@/uni_modules/kz-ad-tester'
export function createApp() {
const app = createSSRApp(App)
// 使用插件进行全局日志拦截
app.use(kzAdTester)
return {
app
}
}
2. 使用调试面板
在需要显示调试面板的页面(如 App.vue 或 index.vue)中直接使用组件:
<template>
<view>
<!-- 其他内容 -->
<kz-ad-debug-console />
</view>
</template>
提示:由于符合 uni-app easycom 规范,无需手动 import 组件。
注意事项
该插件仅建议在开发或测试环境下使用,发布生产版本前请务必确认是否需要移除。
开源协议
MIT

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 1
赞赏 0
下载 11340027
赞赏 1866
赞赏
京公网安备:11010802035340号