Safari是一款非常适合前端开发的浏览器，其内置的Web开发工具使得调试和优化网站变得更加轻松。其中最重要的一个功能就是控制台(console)，它可以帮助我们快速找到代码中的错误以及进行性能分析。但是，在实际的开发过程中，我们经常需要在页面导航时保留控制台输出的日志信息以进行更深入的分析和调试。本文将介绍如何在Safari开发工具中实现这一目标。
步骤
打开Safari浏览器并进入你想要调试的网站。
打开Safari开发工具：选择Safari菜单栏中的“偏好设置”，然后在“高级”选项卡中勾选“在菜单栏中显示“开发”菜单”。
点击Safari菜单栏中的“开发”菜单，选择“显示Web检查器”或使用快捷键
Option + Command + I打开Web检查器。在Web检查器面板中，点击控制台选项卡，并确保已经勾选了“保存日志到文件”选项。
- 现在，当你在网站上进行导航时，控制台输出的日志信息将会自动保存到一个日志文件中。你可以在Web检查器面板左侧的“资源”选项卡中找到这个文件并进行查看和下载。
示例代码
下面是一个简单的示例代码，它会在页面加载时输出一条信息并将其保存到控制台日志中：
console.log("页面已加载");总结
通过在Safari开发工具中勾选“保存日志到文件”选项，我们可以在页面导航时保留控制台输出的日志信息。这对于调试和优化网站非常有帮助。本文提供了详细的步骤说明以及示例代码，希望可以帮助读者更好地使用Safari开发工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13138