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