如何让Chrome控制台输出格式与Programiz编译器一致?
让Chrome控制台输出和Programiz编译器一致的方法
首先得明确两者输出差异的原因:Programiz在线编译器会自动对console.log的输出做格式化处理(比如给对象加缩进换行、解析多行字符串),而Chrome控制台默认是原生输出——打印对象时显示交互式折叠视图,打印字符串时不会自动解析换行。
根据你的需求,分两种情况解决:
1. 打印对象时实现格式化输出
如果是打印数组、JSON这类结构化对象,用JSON.stringify()把对象转成带缩进的字符串再打印:
// 示例对象 const myData = { name: "张三", age: 25, hobbies: ["看书", "打球"] }; // 转成带2空格缩进的格式化字符串 console.log(JSON.stringify(myData, null, 2));
这样Chrome控制台就会输出和Programiz一样的、带换行缩进的结构。
2. 打印多行字符串时实现换行显示
如果是打印多行文本,用ES6的模板字符串(反引号`包裹)编写内容,Chrome会自动解析换行:
console.log(`这是第一行内容 这是第二行内容 这是第三行内容`);
或者手动给字符串添加换行符\n:
console.log("这是第一行内容\n这是第二行内容\n这是第三行内容");
额外小技巧
如果是在Chrome控制台里查看已打印的对象,右键点击对象选择「Copy object」,粘贴出来就是格式化后的结构;但如果要直接在控制台显示格式化效果,上面的方法更直接。
内容的提问来源于stack exchange,提问作者snart gaming
相关产品推荐
相关产品推荐

