npm包blgn使用教程

简介

blgn是一款轻量级、易用的前端日志记录工具。通过它,你可以在前端JavaScript代码中快速完成日志打印、异常捕获等操作。

安装

你可以使用npm来安装blgn:

--- ------- ---- ------

使用

引入

在使用blgn之前,需要先将它引入到你的项目中。可以使用ES6的import语法:

------ ---- ---- -------

也可以直接在HTML中使用script标签引入:

------- --------------------------

初始化

-------------
    -- --
---

blgn初始化的时候还有很多的配置,包括:

  • debugEnabled: 是否启动debug模式,默认为false
  • logLevel: 日志记录的级别,默认为'log'
  • consoleLevel: 控制台输出的日志级别,默认为'debug'
  • info: 是否显示页面信息(页面地址,viewport,屏幕宽高等),默认为false
  • exception: 是否记录捕获的异常,包括window.onerror和未处理的promise rejection,默认为true

日志记录

----------------------
--------------------------
------------------------
------------------------
--------------------------

异常捕获

在使用blgn时,你可以启用异常捕获,记录未处理的异常:

-------------
    ---------- ----
---

如果启用了异常捕获,当页面抛出未处理的异常时,blgn会将它记录到日志中:

--------------------------------------------- --------------- -
    ------------------
---

定制

你可以通过在初始化时传入自定义参数来进行定制:

-------------
    ------------- -----
    --------- -------
    ------------- ------
    ----- -----
    ---------- -----
    -------- --------------- -
        -------------------
    -
---
  • debugEnable: 是否启用debug模式
  • logLevel: 日志级别
  • consoleLevel: 控制台输出日志级别
  • info: 是否显示页面信息
  • exception: 是否记录捕获的异常
  • onError: 异常处理方法

示例

------ ---- ---- -------

-------------
    ------------- -----
    --------- -------
    ------------- ------
    ----- -----
    ---------- -----
    -------- --------------- -
        -------------------
    -
---

--------------------
------------------------
----------------------
----------------------
------------------------

-- --------
--------------------- -
    ----- --- ------------------
-- ---

总结

blgn是一个轻量级、易用的前端日志记录工具。通过它,我们可以在前端JavaScript代码中快速完成日志打印、异常捕获等操作,有助于我们更好地进行前端开发和排查问题。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/72318


猜你喜欢

  • NPM 包 solid-ws 的使用教程

    NPM(Node Package Manager)是 Node.js 的包管理工具,允许 JavaScript 开发者在自己的项目中使用他人开发并发布的代码包。其中,solid-ws 是一款基于 We...

    5 年前
  • npm 包 solid-namespace 使用教程

    什么是 solid-namespace solid-namespace 是一个用于 JavaScript 应用程序的 npm 包。它提供了一种创建和管理语义级别的命名体系结构的方法,在 Sematic...

    5 年前
  • npm 包 auth-header 使用教程

    什么是 auth-header auth-header 是一个 npm 包,用于处理 HTTP 协议中的 Authorization 头信息。它可以帮我们方便地获取和设置 Authorization ...

    5 年前
  • npm 包 rsa-unpack 使用教程

    在前端开发中,加解密是一个重要的需求。而 RSA 是一种非常流行的非对称加密算法,它被广泛应用于电子商务、数字证书等场景。 使用 RSA 加密算法,前提是需要有公钥和私钥。

    5 年前
  • npm 包 rsa-pem-to-jwk 使用教程

    介绍 在前端开发中,我们常常需要对数据进行加密处理,其中 RSA 加密是一种流行的加密算法。但是在使用 RSA 加密时,我们需要将密钥转换为特定的格式。本文将介绍一个 npm 包 rsa-pem-to...

    5 年前
  • npm 包 replace-in-file-webpack-plugin 使用教程

    前言 前端开发中,经常会用到一些打包工具来优化代码,例如 webpack。在 webpack 中,我们可以使用一些插件来完成一些开发中常见的任务,例如在代码打包时替换某些字符串。

    5 年前
  • npm 包 solid-auth-client 使用教程

    导言 随着 Web 技术的发展,分布式 Web 逐渐成为 Web 的未来,Solid 作为分布式 Web 的一种实现方式受到越来越多的关注。Solid 的实现采用了一系列的协议及标准来保障数据的安全性...

    5 年前
  • npm 包 solid-rest 使用教程

    什么是 solid-rest solid-rest 是一个用于基于 Solid Web 技术栈的前端应用程序开发的 npm 包。它可以帮助开发者构建可靠、安全和高度可扩展的应用程序,同时尊重用户的数据...

    5 年前
  • npm包fs-readline使用教程

    在Node.js应用程序中,我们常常需要读取文件,并在读取过程中逐行处理文本。其中一个可选的解决方案是使用Node.js自带的文件系统模块(fs模块)和readline模块,这两个模块的使用方法比较繁...

    5 年前
  • npm 包 fs-grep 使用教程

    前言 在前端开发中,文件操作是一个非常常见的需求,例如读取和写入文件、搜索指定内容等等。fs-grep 是一个 Node.js 的 npm 包,提供了在指定目录下搜索指定内容的功能。

    5 年前
  • npm 包 node-mkdirp 使用教程

    前言 在前端开发中,我们会遇到很多需要创建文件夹的场景,比如本地调试时需要创建临时文件夹,或者是将一些图片或音频资源下载到本地需要创建对应的文件夹,这时我们就需要一个方便快捷的工具来创建文件夹。

    5 年前
  • npm 包 wrapper-webpack-plugin 使用教程

    在前端开发中,我们常常需要在打包后的文件中添加一些特定的脚本或者样式,例如一些用于监控或者统计页面访问的脚本。而 wrapper-webpack-plugin 这个 npm 包就提供了一种非常方便快捷...

    5 年前
  • npm 包 rdflib 使用教程

    什么是 rdflib rdflib 是一个 JavaScript 库,根据 RDF 标准来处理数据。RDF 是一种元数据模型,可以用于描述各种资源之间的关系。因此,rdflib 可以被用于处理各种语义...

    5 年前
  • npm 包 owasp-password-strength-test 使用教程

    密码强度是我们在前端开发中经常涉及的一个问题。现在,有许多 npm 包可以用来检测密码的强度。其中一个比较有名的就是 owasp-password-strength-test。

    5 年前
  • npm 包 oidc-op-express 使用教程

    简介 oidc-op-express 是一个基于 Express.js 的 OpenID Connect Provider(OIDC Provider)库。 本文将详细介绍 oidc-op-expre...

    5 年前
  • npm 包 the-big-username-blacklist 使用教程

    在前端开发中,经常需要对用户输入的用户名进行校验。但是,有些用户名是不被允许的,比如包含敏感词,或者已经被占用了。这时候,我们就需要一个黑名单库,来帮助我们判断该用户名是否合法。

    5 年前
  • npm 包 turtle-validator 使用教程

    什么是 turtle-validator turtle-validator 是一个基于 JavaScript 编写的 npm 包,用于进行表单验证。通过使用 turtle-validator,可以方便...

    5 年前
  • npm 包 solid-server 使用教程

    什么是 solid-server Solid 是一种新型的去中心化 Web 应用系统,它基于万维网标准,并赋能用户掌控自己的数据。 solid-server 是 Solid 服务器端的实现,它将用户的...

    5 年前
  • npm 包 monowrap 使用教程

    在前端开发领域,npm 是一个非常重要的资源管理工具。npm 生态系统中有许多非常有用的包,其中 monowrap 就是一款非常实用的 npm 包。本文将介绍 monowrap 的使用。

    5 年前
  • npm 包 log-rotate 使用教程

    前言 在日志文件维护中,日志文件大小的管理一直是一个比较重要的问题。当日志文件过大时,根据不同业务需求的时效性要求,往往需按时间、文件大小、文件数量等方式进行维护。

    5 年前

相关推荐

    暂无文章