精华内容
下载资源
问答
  • 在Nodejs中使用express框架并没有自带的日志模块,我们可以选择log4js来完成日志记录的功能。 如果用过JAVA中log4j的同学,肯定对日志并不陌生,学习log4js会更得心应手的。 项目要用log4js记录日志,网上找的教程...
  • js日志

    2019-03-16 01:27:15
    NULL 博文链接:https://angkor.iteye.com/blog/410696
  • K-Logging 最好用的js日志
  • js日志 javascript日志

    千次阅读 2014-02-21 16:12:53
    众所周知 log4j的日志系统很好用 但是那是java的 于是有人推出了js日志系统 log4javascript 使用起来也相当的简单 例子如下: 需在log4javascript.js 文件最后添加 var log = log4javascript.getDefaultLogger();...

    众所周知 log4j的日志系统很好用 但是那是java的 于是有人推出了js的日志系统 log4javascript 使用起来也相当的简单

    例子如下:

    需在log4javascript.js 文件最后添加 var log = log4javascript.getDefaultLogger(); 即可 注意 此时log就成了全局变量了

    <!DOCTYPE html>
    <html>
      <head>
        <title>test.html</title>
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- 我引入的是本地的js  -->
        <script type="text/javascript" src="D:\js\log4javascript-1.4.6\js\log4javascript.js"></script>
    	<script type="text/javascript">
    	//因为log4javaScript不能准确定位,虽然每次写log.info时加入准确信息也可以但是麻烦
    	//这里以title为标志用于定位页面 便于搜索
    		var pageName=document.title;
    		log.trace(pageName,"我在这里加入了trace信息");
    		log.debug(pageName,"我在这里加入了debug信息");
    		log.info(pageName,"我在这里加入了info信息");
    		log.warn(pageName,"我在这里加入了warn信息");
    		log.error(pageName,"我在这里加入了error信息");
    		log.fatal(pageName,"我在这里加入了fatal信息");
    	</script>
      </head>
      
      <body>
        This is my HTML page. <br>
      </body>
    </html>

    打开页面后会弹出框如下


    当然日志最重要的是可以随时开和随时关这个也简单

    关的时候 只需要在log4javascript.js文件最前面添加 var log4javascript_disabled = true;就可以了 打开的时候把它设为false




    展开全文
  • 可以分级别显示日志信息 可以控制显示级别 可以设置appender,设置显示在控制台还是发送服务端 控制台单独于web页面,方便调试查看 可以分组显示信息。logger.setGroup("name"),logger.groupEnd() 如何使用?...

    有用功能点:

    1. 可以分级别显示日志信息
    2. 可以控制显示级别
    3. 可以设置appender,设置显示在控制台还是发送服务端
    4. 控制台单独于web页面,方便调试查看
    5. 可以分组显示信息。logger.setGroup("name"),logger.groupEnd()

    如何使用?

    首先下载log4javascript包

    在页面引入js

    1 <script src="../js/RequireConfig.js"></script>
    2 <script type="text/javascript" src="../jslib/log4javascript.js"></script>
    3 <script src="../jslib/require.js" defer async="true" data-main="../js/index.js"></script>
    引入log4javascript

    使用方法

     1 function test(){
     2  
     3     require(["../jslib/LogHelper"],function(p_logHelper){
     4     
     5         p_logHelper.logger.group("test");
     6         p_logHelper.info("test loginfo-info",g_jsPath);
     7         p_logHelper.fatal("test loginfo-fatal",g_jsPath);
     8         p_logHelper.debug("test loginfo-debug",g_jsPath);
     9         p_logHelper.warn("test loginfo-warn",g_jsPath);
    10         p_logHelper.error("test loginfo-error",g_jsPath);
    11         p_logHelper.trace("test loginfo-trace",g_jsPath);
    12         p_logHelper.logger.groupEnd();
    13     });
    14 };
    调用

    效果

    配置

    可以配置是否显示日志和显示的日志级别

    1 /**配置项 */
    2 const g_logConfig={
    3     isEnabled:true,
    4     level:log4javascript.Level.ERROR/*log4javascript.Level.ALL|TRACE|DEBUG|INFO|WARN|ERROR|FATAL|OFF*/
    5 };
    配置项

    注意:

    ajaxAppender,还没有研究,将来部署完毕后很有用,目前可满足开发使用。

    转载于:https://www.cnblogs.com/sunflowerGIS/p/10980349.html

    展开全文
  • Driftwood 一个简单的 JavaScript 日志框架 目标 日志记录应该很简单,这不是java,我们不需要抽象接口,只需几个简单的选项。 4 个日志级别,仅此而已。 ( debug 、 info 、 error和exception ) 允许将异常或...
  • 文章目录问题描述javascript 日志框架文章参考安装vue.config.js 在全局中引用定义打印级别配置说明 问题描述 工作中很少在JavaScript中写log日志,但是后台JAVA日志是很重要的一部分,是方便在运维发现问题,解决...

    问题描述

    工作中很少在JavaScript中写log日志,但是后台JAVA日志是很重要的一部分,是方便在运维发现问题,解决问题,那么前端是否有这方面的需要呢?带着这个疑问,我想找找类似的框架,方便后面工作中学习使用

    javascript 日志框架

    1. log4js
    2. log4javascript
    3. si-log

    文章参考

    1. si-log github

    安装

    cnpm install si-log -D
    

    vue.config.js 在全局中引用

    {
    	...
    	configureWebpack: {
    		plugins: [
    		  new webpack.ProvidePlugin({
    			$: "jquery",
    			jQuery: "jquery",
    			"windows.jQuery": "jquery",
    			"windows.siLog": "si-log",
    			"siLog": "si-log"
    		  })
    		]
    	}
    	...
    }
    

    使用 webpack.ProvidePlugin 将jquery 和 si-log 引入到全局

    定义打印级别

    import Vue from 'vue'
    import App from './App.vue'
    
    // 设置日志级别是 error,即error前面的级别,不会被显示
    siLog.config({
      level: ['error']
    });  
    
    siLog.info("huangbioa info");  // 控制台不会显示
    siLog.error("huangbioa error"); // 控制台会显示
    new Vue({
      render: h => h(App),
    }).$mount('#app')
    

    日志级别 : debug < info < warn < error

    配置说明

    siLog.config({
      level: true
    }); // output all level
    siLog.config({
      level: false
    }); // No output
    siLog.config({
      level: ['error']
    });  // only output error level
    siLog.config({
      level: ['error', 'warn']
    });  // only output error or warn
    
    展开全文
  • //启用javascript 日志功能 var logger = log4javascript.getLogger("main"); log4javascript.setEnabled(true); var appender = new log4javascript.InPageAppender(); appender.layout.pattern = '%d{yyyy...
    //启用javascript 日志功能
    
    var logger = log4javascript.getLogger("main");
    log4javascript.setEnabled(true);


    var appender = new log4javascript.InPageAppender();
    appender.layout.pattern = '%d{yyyy-MM-dd HH:mm:ss,SSS} [%c] %-5p - %m{1}%n';
    logger.addAppender(appender);


    //点击Ctrl键时显示/隐藏日志控制台
    document.onkeydown = function (evt) {
        var VK_F9 = 120;
        //兼容IE和Firefox获得keyBoardEvent对象
        var evt = (evt) ? evt : ((window.event) ? window.event : "");
        //兼容IE和Firefox获得keyBoardEvent对象的键值
        var key = evt.keyCode ? evt.keyCode : evt.which;


        if (evt.ctrlKey) {
            if (appender.visible) {
                appender.hide();
                appender.visible = false;
                log4javascript.setEnabled(false);
            } else {
                log4javascript.setEnabled(true);
                appender.show();
                appender.visible = true;
            }
        }
    };
    展开全文
  • LogViewer增强了我们分析控制台日志的方式。它也会产生实时错误通知。 - 针对不同级别的日志(Error,Warning,Verbose和JSON) - 仅对JSON输出感兴趣的漂亮打印的用户使用JSON流 - 所有日志都印有时间戳。 - ...
  • // Usage: var mylog = Logger.get("app"); mylog.log("Hello my app!!"); var viewlog = Logger.get("view"); viewlog.warn("where am I?...viewlog.error("I don't want work!...// Above will pop an window, and ...
  • 今天和大家分享一下NodeJS中写日志的一个常用第三方包:Log4js.下面我们就来详细探讨下吧
  • 全面的 javascript 日志记录。 将信息记录到控制台以及获取计时信息。 ##特征 支持 console.log、console.warn、console.error、console.table 计时组 - 将事件和报告组合在一起 高性能计时(如果浏览器支持 ...
  • JSLogger日志记录组件

    2019-04-09 01:16:34
    NULL 博文链接:https://angrycoder.iteye.com/blog/940213
  • Log4Jse是一个非常简洁、可定制的Javascript日志输出管理工具,类似Log4J,但是比它简单很多,可以实现自定义日志输出级别、自定义日志输出方式等功能。 示例代码: // Usage: var mylog = Logger.get("app"); mylog...
  • 可插拔的Javascript日志变得简单 日志是任何项目的可插拔/可部署实时日志处理程序。 目标用户涉及正在寻找自定义实时专用日志记录仪表板的后端开发人员。 日志将作为npm软件包以及Docker映像分发。 日志使用socket....
  • 主要介绍了Nodejs Express 通过log4js日志到Logstash(ELK),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 简单的 JavaScript 日志记录 一个简单的 JavaScript 日志框架。 Javascript Logging 提供了一种不显眼的调试 javascript 的方式。 位于页面左上角的一个可扩展的小 div 显示日志。 使用 logError(e) 记录的任何错误...
  • Node.js/io.js 日志记录。 用法 所有日志语句都记录到标准输出。 示例输出遵循每个日志命令。 var log = require("floorine"); log.set_log_level("debug"); log.debug("debugging stuff: %s", os.platform()); :...
  • node.js 的流日志记录模块 _ _ (_) | ___ ___ _ __ _| |__ ___ / __|/ __| '__| | '_ \ / _ \ \__ \ (__| | | | |_) | __/ |___/\___|_| |_|_.__/ \___| 安装 要使用 npm run 安装最新版本: npm install ...
  • JavaScript日志工具介绍

    2019-03-06 01:05:00
    操作步骤: 1:打开calc.htm 2: Alt+D打开调试窗口 博文链接:https://fuhao9611.iteye.com/blog/72374
  • Cabin是最好的和以及日志记录支持Node v6.4 +,浏览器(IE 10 +), , 和 客舱是替代品,是 , , , , , 或的最佳替代品 :red_heart: 喜欢这个项目吗? 在或上支持 :unicorn: 目录 快速开始 npm install cabin...
  • Cedar是一个Node.js日志,旨在快速,可扩展且超级有用。 强大的功能 可修改的日志记录前缀,格式化程序和字符串化函数。 作为功​​能的日志,允许速记。 在堆栈跟踪中带有颜色unicode符号和有用的代码段的console...
  • Bucker是一个简单的日志记录模块,其中包含使日志保持理智,可读性和实用性所需的一切。 用法 var logger = require ( 'bucker' ) . createLogger ( opts , module ) ; logger . info ( 'informational message' ) ...
  • Node.js日志记录指南

    2020-08-27 09:35:49
    当你开始用 JavaScript 进行开发时,可能学到的第一件事就是如何用console.log将内容记录到控制台。如果你去搜索如何调试 JavaScript,会发现数...在本文中,我们将梳理各种情况下要记录的日志信息,Node.js 中cons...
  • 可插入的 JavaScript 日志记录。 $ bower install lumberjack $ npm install lumberjackjs 创建一个新的伐木工人 如果您愿意,可以创建一个主实例,或者为每个系统创建多个实例。 var log = Lumberjack ( ) ; ...
  • Nodejs log4js日志管理配置

    千次阅读 2019-12-26 21:33:22
    最近在看公司的项目,日志管理用的是nodejs 的日志模块log4js。然后看了一下网上的一些资料和官方的文档。写一下自己的一些理解。 基本的理解就是: "log4js": "^3.0.6" 入口-分级 最近的log4js 默认...
  • 打造 NestJS 日志系统

    千次阅读 2020-03-11 18:12:26
    Nest系统日志打印 配置入口,这里传入一个自定义日志类。但实际上实现了LoggerService接口的类都可以。 其中BasicLogger 是自定义封装命名的类。 const app = await NestFactory.create<...
  • 它包括用于一致的、跨浏览器的 JavaScript console日志记录的中继,以及用于将日志消息发送到日志服务器的 AJAX 中继。 先决条件 一个支持模块模式( require 、 module 、 exports等)的环境,例如 ,但是当它与...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 207,741
精华内容 83,096
关键字:

js日志