vue的H5页面移动端调试显示出控制台

最近做二元项目的时候，需要和三方进行联调，需要在移动端显示控制台，但是手机网页没有控制台，在H5页面嵌入到app后，联调会非常麻烦，所以给大家推荐一个手机控制台的轮子：vConsole1、安装vconsole插件npm install vconsole2、引入并使用//在main.js内import Vconsole from "vconsole";//开发环境使用，生产环境自动取消if (pro

打小就霸

2634人浏览 · 2022-03-18 16:45:48

打小就霸 · 2022-03-18 16:45:48 发布

最近做二元项目的时候，需要和三方进行联调，需要在移动端显示控制台，但是手机网页没有控制台，在H5页面嵌入到app后，联调会非常麻烦，所以给大家推荐一个手机控制台的轮子：vConsole
1、安装vconsole插件

npm install vconsole

2、引入并使用

//在main.js内
import Vconsole from "vconsole";
//开发环境使用，生产环境自动取消
if (process.env.NODE_ENV == "development") {
    new Vconsole();
}

3、显示效果
在这里插入图片描述

今天的分享到此结束，欢迎大家交流

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^