摘要:是對的重構(gòu),并且讓其支持下載。所以我做了這個工具,可以點擊某個按鈕,就能把前端日志下載下來,然后將日志附在詳情中。更加方便的排查問題。
log4s
https://github.com/wangduandu...
log4s是對log4b的重構(gòu),并且讓其支持npm下載。
做這個工具是因為:
某些時候看服務(wù)端日志太麻煩
提Bug時,給的相關(guān)信息又無法分析出問題原因
有些錯誤是無法說明清楚的,比如websocket接收到的某個消息的某個字段錯誤。
所以我做了這個工具,可以點擊某個按鈕,就能把前端日志下載下來,然后將日志附在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")
日志下載后,內(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, // 每行日志最多允許多少個字符,超出會截取 logFilename: "log4s.log", // 下載時文件名稱 lineBreak: " ", // 下載文件時,每行日志之間的換行符 enableLog: true, // 是否啟動日志記錄功能 needTimestamp: true // 每行日志是否需要時間戳 }實例方法
let log = new Log4s()
log(string|object) 寫日志
getAllLog() 獲取所有日志
search(keyword) 按關(guān)鍵詞搜索日志
cleanAll() 清空日志
download() 下載日志
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/100199.html
摘要:前言開發(fā)應(yīng)用程序過程中的一種常見的做法就是集中保存錯誤日志以便查找重要錯誤的原因就像數(shù)據(jù)庫和服務(wù)器都會定期寫入日志一樣在復(fù)雜的應(yīng)用程序中我們同樣推薦你把錯誤也回寫到服務(wù)器換句話再說我們也可以將這些錯誤寫入到保存服務(wù)器端錯誤的地方只不過標(biāo)明他 前言 開發(fā)web應(yīng)用程序過程中的一種常見的做法,就是集中保存錯誤日志,以便查找重要錯誤的原因. 就像數(shù)據(jù)庫和服務(wù)器都會定期寫入日志一樣,在復(fù)雜的...
摘要:問題初衷最近有個項目需求,需要統(tǒng)計下用戶的使用情況,比如什么時候登錄的,查詢了什么內(nèi)容等信息。缺點擴展能力需要靠自己設(shè)計,統(tǒng)計展示畫面需要自己做。可輕松應(yīng)對分布式,數(shù)據(jù)量大的情況。通過,如下修改,在重啟后又會恢復(fù)原值。 問題初衷 最近有個項目需求,需要統(tǒng)計下用戶app的使用情況,比如:什么時候登錄的,查詢了什么內(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)識自己。 在一個真實的項目中,開發(fā)只是整個投入的一小部分,版本迭代和后期維護占了極其重要的部分。項目上線...
摘要:在中對一個實例命名非常的簡單,在每一個類中可以有一個靜態(tài)的實例對象,可以用類的完全限定名作為實例的名字。但不管怎樣,用類的完全限定名作為實例的名字是一個非常好的方式。 本文是對log4j官網(wǎng)Introduction部分的翻譯,原文鏈接地址:http://logging.apache.org/log...。 Introduction: 幾乎每個大型應(yīng)用都包含自己的日志API。1996年,...
閱讀 2037·2021-11-12 10:36
閱讀 1904·2021-11-09 09:49
閱讀 2611·2021-11-04 16:12
閱讀 1157·2021-10-09 09:57
閱讀 3251·2019-08-29 17:24
閱讀 1924·2019-08-29 15:12
閱讀 1284·2019-08-29 14:07
閱讀 1298·2019-08-29 12:53