博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
log4s 方便的前端日志下载工具
阅读量:6238 次
发布时间:2019-06-22

本文共 1005 字,大约阅读时间需要 3 分钟。

log4s

log4s是对的重构,并且让其支持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 你好 abc12-19 21:23:43.882 你好, def12-19 21:23:43.882 你好, ahha12-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() 下载日志

转载地址:http://hgzia.baihongyu.com/

你可能感兴趣的文章
对匿名函数的深入理解(彻底版)
查看>>
ORACLE字符集基础知识
查看>>
JSP自定义标签开发入门《转》
查看>>
ResultSet相关ResultSetMetaData详细
查看>>
IIS7.5下的web.config 404应该如何配置
查看>>
分享20个最新的免费 UI 设计素材给设计师
查看>>
大论文中对参考文献添加操作相关总结
查看>>
Redis源代码分析(三)---dict哈希结构
查看>>
安卓--获取应用版本名称与版本号
查看>>
【转】Java判断是否是整数,小数或实数的正则表达式
查看>>
****创业者必看:黄太吉商业计划书完整版
查看>>
angularJS 事件广播与接收[转]
查看>>
The main reborn ASP.NET MVC4.0: using CheckBoxListHelper and RadioBoxListHelper
查看>>
什么是数据抽取
查看>>
Integer
查看>>
LaTeX 相对于 Word 有什么优势?
查看>>
invoke方法
查看>>
基于bootstrap的后台二级垂直菜单[转]
查看>>
Android Framework 记录之二
查看>>
李洪强iOS开发之-环信04_消息
查看>>