javascript - 是否可以在 Chrome 中输出日志/跟踪,并删除以进行生产?

标签 javascript jquery

有没有办法让我在开发过程中在 javascript/jquery 代码中输出日志信息,以便我可以在 chrome/firefox 中看到日志消息,然后在生产中我在 javascript 上运行一些工具来缩小它,并且删除这些日志语句。

目前有什么可以做我想要的吗?

我知道日志记录会根据您使用的浏览器而有所不同,是否有某种日志记录插件适用于 chrome 和 firefox?

最佳答案

这在很大程度上取决于您的开发环境。我通常声明一个全局 ENV 变量,在其中存储应用程序状态。 您可以创建一个新模块登录,在其中您将检查 ENV 是否正在开发。如果是这种情况,那么您将调用 console.log() 或您更喜欢的日志记录需求。如果 ENV 变量告诉浏览器应用程序处于生产模式,而不是在日志模块中,那么您什么也不做。

类似这样的事情:

 (function (window, env){
    'use strict';

    var logger = {
        log: function(what) {
            if (env !== 'production') {
                console.log(what);
            }
        }
    }

    window.myLogger = logger;
}(window, ENV));

当你打电话时:

myLogger.log('Hello, I am a logger');

该消息只会在开发模式下记录。

希望这有帮助,请告诉我。

干杯!

关于javascript - 是否可以在 Chrome 中输出日志/跟踪,并删除以进行生产?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27048771/

相关文章:

javascript - 在悬停时使用 html 和 javascript 让子 dom 元素超出父 div 的范围

jquery - 如何在react.js中更改滚动导航栏的背景和文本颜色?

javascript - 如何从js将选项值生成到jquery多选中

javascript - 检索 addEventListener 回答的表单或按钮的 ID。

javascript - 避免同时具有 css 和 js 依赖项的插件渲染阻塞

javascript - 如何允许 svg 在链接中可点击

javascript - 使用嵌套的 for 循环比较两个对象的值并返回修改后的对象数组

javascript - 您怎么知道如何初始化脚本?

jquery - 在 ajaxStart 中停止 jquery ajax 请求

javascript - 加载网页后 X、Y 坐标中的自动单击操作