測試小姐姐，請在你提的bug上附上日誌

log4s

https://github.com/wangduandu...

log4s是對log4b的重構，並且讓其支持npm下載。

做這個工具是因爲：

• 某些時候看服務端日誌太麻煩。
• 測試小姐姐提Bug時，給的相關信息又無法分析出問題原因。

所以我做了這個工具，讓測試小姐姐可以點擊某個按鈕，就能把前端日誌下載下來，然後將日誌附在Bug詳情中。更加方便的排查問題。

特點

• 支持>= ie10
• 支持日誌下載

安裝

yarn add log4s

使用

import Log4s from 'log4s' 
// 或者 const Log4s from 'log4s'
// 或者 直接script https://cdn.jsdelivr.net/npm/[email protected]/dist/log4s.umd.js 引入到html中

let log = new Log4s()

log4s.log('你好')
log4s.log('你好 abc')
log4s.log('你好, def')
log4s.log('你好, ahha')
log4s.log('你好,a')
log4s.search('a')

日誌下載後，內容如下：

12-19 21:23:43.882 你好
12-19 21:23:43.882 你好 abc
12-19 21:23:43.882 你好, def
12-19 21:23:43.882 你好, ahha
12-19 21:23:43.882 你好,a

Log4s(options) 配置

默認配置：

export default {
  maxLines: 2500,  // 最多紀錄多少行日誌
  lineMaxChars: 2500, // 每行日誌最多允許多少個字符，超出會截取
  logFilename: 'log4s.log', // 下載時文件名稱
  lineBreak: '\n', // 下載文件時，每行日誌之間的換行符
  enableLog: true, // 是否啓動日誌記錄功能
  needTimestamp: true // 每行日誌是否需要時間戳
}

實例方法

let log = new Log4s()

• log(string|object) 寫日誌
• getAllLog() 獲取所有日誌
• search(keyword) 按關鍵詞搜索日誌
• cleanAll() 清空日誌
• download() 下載日誌