如何让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
相关产品推荐
相关产品推荐

