更新记录

1.4.0(2021-11-01) 下载此版本

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

1.3.0(2021-08-14) 下载此版本

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

1.2.0(2021-07-31) 下载此版本

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

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 2.9.3 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

规范化打印和弹窗调试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代表正式环境但是有打印和弹窗

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问