mobile-debug-kit

轻量级移动端真机调试工具，全框架兼容，解决 vConsole 日志丢失问题。

特性

✅ 悬浮球可拖拽 ✅ 日志 console 永不丢失 ✅ 日志 / 请求 / Storage 三个面板切换 ✅ 一键清空日志 ✅ 关闭面板 ✅ 移动端友好 ✅ 零报错、可本地使用 ✅ 支持 Vue2 / Vue3 / Nuxt3 / Svelte / H5 /jQuery

打包

npm run build

发布

npm login
npm publish

安装

npm i mobile-debug-kit

其他项目使用

1、任何项目通用（H5 /jQuery/ 无框架）

安装

npm i mobile-debug-kit

或 CDN（不用 npm）

<script src="https://cdn.jsdelivr.net/npm/mobile-debug-kit"></script>

<script>
  MobileDebugKit.init()

  console.log('测试日志')
</script>

2. Vue2 / Vue3

安装

npm i mobile-debug-kit

main.js 引入

import MobileDebugKit from 'mobile-debug-kit'

if (process.env.NODE_ENV === 'development') {
  MobileDebugKit.init()
}

3. Nuxt3

安装

npm i mobile-debug-kit

创建插件 plugins/debug.client.ts

import MobileDebugKit from 'mobile-debug-kit'

export default defineNuxtPlugin(() => {
  if (process.env.NODE_ENV === 'development') {
    MobileDebugKit.init()
  }
})