更新记录

1.4.0（2021-11-01）

h5展开打印的对象,微信开发者工具不展开打印的对象

1.3.0（2021-08-14）

1.修复弹窗的时候识别环境的问题

1.2.0（2021-07-31）

支持打印只提供一个参数 支持弹窗只提供一个参数 完善打印和弹窗体验

平台兼容性

规范化打印和弹窗调试js插件使用说明

1.插件优点

支持一条信息打印
支持多条信息打印
支持一条信息弹窗
支持多条信息依次弹窗
规范打印和弹窗
根据变量识别开发环境和生产环境决定是否打印
支持复杂数组和复杂对象的解析打印和弹窗

插件使用

插件是一个js文件,只需要粘贴到某个目录下,再main.js里面进入引入
并且增加一句 Vue.prototype.$env=0;//0代表开发环境 1代表正式打包环境 2代表正式环境但是需要打印和弹窗
即可调用

如:在根目录下新建common目录,在common目录下,粘贴my.js文件,在main.js中,输入一行
import my from '@/common/my.js'

然后在任意页面即可调用,总共两个方法

1.this.$log("提示信息","打印内容")//此方法需要提供一个或两个参数,第一个参数指明打印的提示语,第二个参数指明打印的内容

2.this.$pop("弹窗标题","弹窗内容")//此方法需要提供一个或两个参数,第一个参数指明弹窗标题,第二个参数指明弹窗内容

以上两个方法都需要提供两个参数,为了更好的查看好识别到打印的是什么方面的内容和弹窗,
第二个参数可以提供任意类型

如果连续弹窗,this.$pop是Promise方法,需要如下操作:
async popmore() {
                //弹窗多条信息
                await this.$pop("弹窗多条信息1", this.listObj);//添加 async await
                await this.$pop("弹窗多条信息2", this.listObj2);
            }

在main.js下
Vue.prototype.$env变量可以控制所处的环境
0代表开发环境,会进行打印和弹窗, 1代表正式打包环境,不进行打印和弹窗 2代表正式环境但是有打印和弹窗