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