在 Safari 浏览器中，console.log() 是一个用于打印日志信息的常用函数。但是，Safari 在打印对象时会将对象展开并显示所有属性，这可能会导致输出的信息过于冗长和难以阅读。本文将介绍如何通过一些技巧和工具来改变 Safari 默认的 console.log() 行为，使其更加易于调试和查看。
方法一：使用 JSON.stringify()
我们可以使用 JSON.stringify() 将 JavaScript 对象转换为字符串，并输出到控制台。这样做的好处是，它可以将对象转换为易于阅读的格式，并且可以控制要输出的属性。以下是一个简单的示例：
const obj = { name: 'John', age: 30, city: 'New York' };
console.log(JSON.stringify(obj, null, 2));输出结果将会是：
{
"name": "John",
"age": 30,
"city": "New York"
}在这个示例中，我们将对象 obj 转换成一个具有缩进格式的 JSON 字符串，并将其输出到控制台。你也可以选择不使用第二个参数，或者自定义缩进字符。
方法二：使用 console.dir()
另一个可以改变 Safari 默认行为的方法是使用 console.dir() 函数。这个函数可以将一个对象作为输入，并将其以树形结构展示出来。以下是一个简单的示例：
const obj = { name: 'John', age: 30, city: 'New York' };
console.dir(obj);输出结果将会是：
Object {
age: 30,
city: "New York",
name: "John"
}在这个示例中，我们将对象 obj 作为输入传递给了 console.dir() 函数，并将其以树形结构展示出来。你也可以在调用函数时使用第二个参数来控制需要显示的属性。
方法三：使用控制台工具
除了修改代码以改变 Safari 的默认行为外，我们还可以使用一些控制台工具来帮助我们更好地调试代码。以下列出了几个常用的工具：
- Logify 是一个 Chrome 和 Safari 扩展程序，它可以将 console.log() 输出的 JSON 对象转换为易于阅读的格式。
- Console.table() 可以将数组或对象以表格形式输出到控制台。
- Chrome DevTools 是一个内置的调试工具，它提供了很多有用的功能，如表达式求值、性能分析和网络监控等。
这些工具都可以帮助我们更好地调试 JavaScript 代码，并且可以根据需要快速切换到原始的 console.log() 格式。
结论
在本文中，我们介绍了三种不同的方法来改变 Safari 浏览器中 console.log() 的默认行为。虽然每种方法都有其优点和缺点，但是它们都可以帮助我们更好地调试 JavaScript 代码，并使输出信息变得更加易于阅读。在实际开发中，你可以根据需要灵活选择适合自己的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9776
