1.0.0-alpha.5 • Published 4 years ago

@better-mini/logger v1.0.0-alpha.5

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

@better-mini/logger

小程序真机调试/预览 Logger 组件,支持输出日志到屏幕进行查看,提升调试效率。

注:目前仅支持 Taro 3.0

使用

安装

npm install @better-mini/logger

使用

import React from 'react'
import Logger from '@better-mini/logger'

import '@better-mini/logger/dist/index.less'

const Page = () => {
  const handleLog = () => {
    Logger.log('Hello')
  }

  const handleError = () => {
    Logger.error('Ops, an error occurred.')
  }

  return (
    <View className={styles.page}>
      <View className={styles.btn} onClick={handleLog}>
        点击 log 一下
      </View>
      <View className={styles.btn} onClick={handleError}>
        点击 error 一下
      </View>
      <Logger visible beautify max={100} height={600} />
    </View>
  )
}

API

Logger 组件

Logger 继承至 View,因此 ViewclassName style 等 prop 均支持

属性可选类型默认值释义
visiblebooleantrue是否渲染
expandbooleantrue是否展开
beautifybooleantrue是否格式化 JSON 数据,便于阅读
maxnumber30最多展示多少日志,超过时最早的日志会被删除
heightnumber400组件高度

Logger.log(arg1 , arg2, ..., argN)

输出普通日志

参数:arg1 [, arg2, ..., argN]any

Logger.error(arg1 , arg2, ..., argN)

输出错误日志

参数:arg1 [, arg2, ..., argN]any