介绍

一个轻量、可拓展、针对手机网页的前端开发者调试面板, 用于解决手机端调试难点。

使用教程

点击查看 使用教程

安装

1、复制模块

• 复制midway文件夹中的模块(注：非 midway 文件夹)到后端 midway 项目的src/modules目录下
• 复制vue文件夹中的模块(注：非 vue 文件夹)到前端 vue 项目的src/modules
• 复制uniapp文件夹中的模块(注：非 uniapp 文件夹)到前端 uniapp 项目的uni_modules目录下

2、安装依赖

uni-app 依赖

• vconsole

npm install vconsole

前端依赖

无

后端依赖

无

3、启动项目

启动项目后，会自动导入模块的菜单和数据

4、其他

相比于 vconsole，个人使用感觉 pageSpy 调试功能更加丰富，且支持录制，回放，实时屏幕查看等， 但是功能丰富的同时，配置也更复杂， 有时候调试需求很简单，查看 log 和 network 所以，这里仅提供 vconsole 集成， 感兴趣的可以尝试 pageSpy。

更新

• v1.0.0（2025-01-20）
  • 调试面板集成
  • 后端可设定用户开启调试面板