資訊專欄INFORMATION COLUMN
摘要：是對(duì)的重構(gòu)，并且讓其支持下載。所以我做了這個(gè)工具，可以點(diǎn)擊某個(gè)按鈕，就能把前端日志下載下來，然后將日志附在詳情中。更加方便的排查問題。
log4s
https://github.com/wangduandu...
log4s是對(duì)log4b的重構(gòu)，并且讓其支持npm下載。
做這個(gè)工具是因?yàn)椋?/p>
某些時(shí)候看服務(wù)端日志太麻煩
提Bug時(shí)，給的相關(guān)信息又無法分析出問題原因
有些錯(cuò)誤是無法說明清楚的，比如websocket接收到的某個(gè)消息的某個(gè)字段錯(cuò)誤。
所以我做了這個(gè)工具，可以點(diǎn)擊某個(gè)按鈕，就能把前端日志下載下來，然后將日志附在Bug詳情中。更加方便的排查問題。
特點(diǎn)支持>= ie10
支持日志下載
安裝yarn add log4s使用
import Log4s from "log4s"
// 或者 const Log4s from "log4s"
// 或者 直接script https://cdn.jsdelivr.net/npm/log4s@1.0.1/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")
日志下載后，內(nèi)容如下：
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 你好,aLog4s(options) 配置
默認(rèn)配置：
export default {
maxLines: 2500, // 最多紀(jì)錄多少行日志
lineMaxChars: 2500, // 每行日志最多允許多少個(gè)字符，超出會(huì)截取
logFilename: "log4s.log", // 下載時(shí)文件名稱
lineBreak: "
", // 下載文件時(shí)，每行日志之間的換行符
enableLog: true, // 是否啟動(dòng)日志記錄功能
needTimestamp: true // 每行日志是否需要時(shí)間戳
}
實(shí)例方法
let log = new Log4s()
log(string|object) 寫日志
getAllLog() 獲取所有日志
search(keyword) 按關(guān)鍵詞搜索日志
cleanAll() 清空日志
download() 下載日志
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100199.html
摘要：前言開發(fā)應(yīng)用程序過程中的一種常見的做法就是集中保存錯(cuò)誤日志以便查找重要錯(cuò)誤的原因就像數(shù)據(jù)庫和服務(wù)器都會(huì)定期寫入日志一樣在復(fù)雜的應(yīng)用程序中我們同樣推薦你把錯(cuò)誤也回寫到服務(wù)器換句話再說我們也可以將這些錯(cuò)誤寫入到保存服務(wù)器端錯(cuò)誤的地方只不過標(biāo)明他 前言 開發(fā)web應(yīng)用程序過程中的一種常見的做法,就是集中保存錯(cuò)誤日志,以便查找重要錯(cuò)誤的原因. 就像數(shù)據(jù)庫和服務(wù)器都會(huì)定期寫入日志一樣,在復(fù)雜的...
摘要：問題初衷最近有個(gè)項(xiàng)目需求，需要統(tǒng)計(jì)下用戶的使用情況，比如什么時(shí)候登錄的，查詢了什么內(nèi)容等信息。缺點(diǎn)擴(kuò)展能力需要靠自己設(shè)計(jì)，統(tǒng)計(jì)展示畫面需要自己做?？奢p松應(yīng)對(duì)分布式，數(shù)據(jù)量大的情況。通過，如下修改，在重啟后又會(huì)恢復(fù)原值。 問題初衷 最近有個(gè)項(xiàng)目需求，需要統(tǒng)計(jì)下用戶app的使用情況，比如：什么時(shí)候登錄的，查詢了什么內(nèi)容等信息。 解決方案 1.定義用戶軌跡模型，每步操作都寫到數(shù)據(jù)庫中，然后在...
滬江CCtalk視頻地址：https://www.cctalk.com/v/15114923883523 showImg(https://segmentfault.com/img/remote/1460000012932474?w=1606&h=968); log 日志中間件 最困難的事情就是認(rèn)識(shí)自己。 在一個(gè)真實(shí)的項(xiàng)目中，開發(fā)只是整個(gè)投入的一小部分，版本迭代和后期維護(hù)占了極其重要的部分。項(xiàng)目上線...
摘要：在中對(duì)一個(gè)實(shí)例命名非常的簡單，在每一個(gè)類中可以有一個(gè)靜態(tài)的實(shí)例對(duì)象，可以用類的完全限定名作為實(shí)例的名字。但不管怎樣，用類的完全限定名作為實(shí)例的名字是一個(gè)非常好的方式。 本文是對(duì)log4j官網(wǎng)Introduction部分的翻譯，原文鏈接地址：http://logging.apache.org/log...。 Introduction： 幾乎每個(gè)大型應(yīng)用都包含自己的日志API。1996年，...
閱讀 2169·2021-11-12 10:36
閱讀 1999·2021-11-09 09:49
閱讀 2697·2021-11-04 16:12
閱讀 1228·2021-10-09 09:57
閱讀 3309·2019-08-29 17:24
閱讀 1981·2019-08-29 15:12
閱讀 1368·2019-08-29 14:07
閱讀 1360·2019-08-29 12:53
