更新记录
1.4.0(2021-11-01)
下载此版本
h5展开打印的对象,微信开发者工具不展开打印的对象
1.3.0(2021-08-14)
下载此版本
1.修复弹窗的时候识别环境的问题
1.2.0(2021-07-31)
下载此版本
支持打印只提供一个参数
支持弹窗只提供一个参数
完善打印和弹窗体验
查看更多
平台兼容性
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代表正式环境但是有打印和弹窗