VConsole——(H5调试工具)前端开发使用于手机端查看控制台和请求发送

因为开发钉钉H5微应用在手机上一直查看不到日志等,出现安卓和苹果上传图片一边是成功的,一边是失败的,所以找了这个,之前在开发微信小程序进行调试的时候能看到,之前没想到过,这次被人提点发现可以单独使用,真不错

安装

使用npm 安装在项目中
npm i vconsole -S

引用

在项目中的main.js文件中添加使用

复制代码
import VConsole from 'vconsole.js'
Vue.use(VConsole);

查看

运行后页面中就会出现绿色小块,如下图

点击后出现控制台

相关推荐
郝亚军5 小时前
使用Vue 3和Nginx打包和部署Vue.js项目的一般步骤
前端·vue.js·nginx
SmartBoyW5 小时前
CSS弹性布局(Flexbox)学习笔记:从零开始搞懂弹性布局
前端·javascript
用户69371750013845 小时前
从代码生产者到 AI 协作者:软件工程师的角色重构
android·前端·后端
嘟嘟07175 小时前
搞懂 useState 从原生 DOM 到 React 惰性初始化的完整链路
前端·react.js·编程语言
牧艺5 小时前
cos-design RippleWater & SmokeFog:水面涟漪与烟雾雾气怎么做
前端·canvas·视觉设计
用户938515635075 小时前
写了这么久 useState,你真的知道它在干什么吗?
前端·javascript
慢功夫5 小时前
💡第七篇:VSCode语言服务中,代码跳转和诊断是怎么做的?
前端·visual studio code
Csvn5 小时前
✨ TypeScript `satisfies` 操作符实战——5 个让代码更「聪明」的生产场景
前端
Healer9186 小时前
vue3页面缓存-keepAlive
前端
一个有理想的摸鱼选手6 小时前
在三维地球上以另一种视角感受巴威台风
前端·gis·ai编程