You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让Chrome控制台日志中的数字自动以_作为千位分隔符显示?

如何让Chrome控制台日志中的数字自动以_作为千位分隔符显示?

兄弟我太懂你这种感受了!控制台里一大串没分隔的长数字看着真的眼晕,Chrome本身确实没给直接的设置开关,但咱们可以用个小技巧实现自动格式化,不用每次手动折腾,一起来看看:

  • 首先打开Chrome的开发者工具(按F12或者右键页面选「检查」都行),切换到Sources面板,找到左侧的「Snippets」标签——要是没看到就点左侧的>>按钮展开菜单。
  • 在Snippets区域右键空白处,选「New snippet」,给这个脚本起个好记的名字,比如formatNumbersInConsole.js。
  • 把下面这段代码粘贴进去:
// 重写console.log方法,自动给数字加上千位下划线分隔符
const originalLog = console.log;
console.log = function(...args) {
  const formattedArgs = args.map(arg => {
    // 处理单个数字
    if (typeof arg === 'number') {
      return arg.toLocaleString('en-US', {useGrouping: true}).replace(/,/g, '_');
    }
    // 递归处理数组里的数字
    if (Array.isArray(arg)) {
      return arg.map(item => {
        if (typeof item === 'number') {
          return item.toLocaleString('en-US', {useGrouping: true}).replace(/,/g, '_');
        }
        return item;
      });
    }
    // 非数字类型保持原样
    return arg;
  });
  originalLog.apply(console, formattedArgs);
};
  • 右键点击这个新建的脚本,选「Run」,现在再看控制台输出的日志,数字就会自动变成12_668这种带千位下划线的格式了!
  • 要是想每次打开DevTools都自动生效,不用手动跑脚本,就在Snippets里右键这个脚本,选「Run on page load」就行,以后打开页面加载DevTools时,这个格式化脚本会自动运行。

要是之后不想用这个格式化效果了,直接在控制台输入console.log = originalLog就能恢复原生的日志显示啦。

备注:内容来源于stack exchange,提问作者Ryan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.21 09:43:07