javascript – Angular的$log.debug()没有显示在Chrome的控制台上

前端之家收集整理的这篇文章主要介绍了javascript – Angular的$log.debug()没有显示在Chrome的控制台上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近,我的Chrome浏览器停止在控制台上显示$log.debug()消息.我一直在使用这种方式在我的所有控制器上使用angular而不是console.log()进行日志记录,因为当我将脚本上传到生产服务器时很容易禁用日志记录.

我已经检查了我的$logProvider配置,并且debugEnabled()设置为true.

出于某种原因,在chrome上显示$log.debug()消息的唯一方法是在控制台过滤器上启用详细消息.直到最近,没有必要.启用详细信息并不好,因为控制台会发出许多我不关心的其他消息.

我目前在Windows 7计算机上使用的是64位Chrome v60.0.3112.101.它与浏览器的版本有关吗?我可以做些什么来让它在没有详细模式的情况下再次显示消息吗?

Ps.:Firefox继续一如既往地展示一切.

解决方法

@H_403_13@ console.debug日志级别在Chrome / Chromium版本之间不一致.控制台UI在 Chrome 58中已更改.目前console.debug需要详细级别.

如果此日志级别不需要其他控制台条目,则控制台设置可以更改为仅用户消息:

如果应在特定页面中更改此行为,则可以修补控制台:

console.debug = console.log;

考虑到AngularJS $log服务是对控制台的抽象,并且$log.debug依赖于debugEnabled状态以区别于$log.log,这可以在AngularJS应用程序中以不那么突兀的方式修复:

app
.config(['$provide','$logProvider',($provide,$logProvider) => {
  // expose a provider to reach debugEnabled in $log
  $provide.value('$logProvider',$logProvider);
})
.decorator('$log',['$logProvider','$delegate',($logProvider,$delegate) => {
  // override $log.debug
  $delegate.debug = function () {
    if (!$logProvider.debugEnabled())
      return;
    $delegate.log.apply($delegate,arguments);
  });

  return $delegate;
});

猜你在找的JavaScript相关文章