用 Chrome 75 开发者工具中的新功能，推动您在前端技术上的应用

当 Google 浏览器更新至 75 版本后，前端工作中的技术应用变得更加简便。本文将介绍 Chrome 75 中专为前端开发者而设的新功能，带您领略前端技术的崭新体验。

Sources 面板中的新增功能

1. 移动标签使焦点聚焦

此功能允许您在 Source 面板的标签之间移动时自动聚焦焦点，简化了调试过程，您无需再手动调整焦点。该功能可通过设置项路径找到：Settings > Preferences > Sources > Enable Tab Moves Focus。

2. 具有折叠回复的错误消息

更新后，您将能够折叠错误消息中的嵌套回复。此功能使您可以更轻松地浏览错误，并专注于需要关注的问题。

Performance 面板中的新增功能

1. 将 Profiling 数据导出为 JSON

此功能允许您将 Profiling 数据导出为 JSON 格式，以便您可以使用自己的工具进行分析。这使您能够更灵活地诊断性能问题。

2. 计算火焰图时包括 JavaScript 执行时间

更新后，火焰图将包括 JavaScript 执行时间，以便您可以更轻松地了解代码的执行情况。这有助于您更有效地优化应用程序的性能。

其他新增功能

1. 在元素检查器中预览文本片段

现在，您可以在元素检查器中预览文本片段，而无需将其复制到编辑器中。此功能使您可以更轻松地进行样式调整和排版。

2. 改进的代码着色

此版本还改进了代码着色，使代码更易于阅读和理解。这使您能够更轻松地识别问题并进行修改。

总结

Chrome 75 中的新功能为前端开发者带来了许多好处。这些功能可以帮助您更有效地调试、优化和设计应用程序。如果您是一名前端开发者，我强烈建议您升级到 Chrome 75 并体验这些新功能。

文章示例

以下是使用 Chrome 75 开发者工具中新功能的一些示例：

• 您可以使用移动标签焦点功能更轻松地在 Source 面板中的标签之间移动，而无需手动调整焦点。
• 您可以折叠错误消息中的嵌套回复，以便更轻松地浏览错误并专注于需要关注的问题。
• 您可以将 Profiling 数据导出为 JSON 格式，以便您可以使用自己的工具进行分析。
• 您可以将火焰图包括 JavaScript 执行时间，以便您可以更轻松地了解代码的执行情况。
• 您可以使用元素检查器中的文本片段预览功能预览文本片段，而无需将其复制到编辑器中。
• 您可以使用改进的代码着色功能使代码更易于阅读和理解。

这些示例只是 Chrome 75 开发者工具中新功能的冰山一角。我鼓励您探索这些新功能，看看它们如何帮助您提高前端开发的效率和质量。