Chrome 72开发者工具，性能分析新特性速览

在期待已久的Chrome 72浏览器中，开发者工具新增了许多令人兴奋的功能，特别是在性能分析方面。这些新增特性旨在帮助开发人员更轻松、更有效地优化网站性能，从而提升用户体验。

性能分析增强

Chrome 72中新增的性能分析特性包括：

• 性能指标可视化：现在，在录制了一个界面的加载后，DevTools 会在 Timings 一栏标记出像 DOMContentLoaded、First Meaningful Paint （首次意义性绘制）这类性能指标。这使得开发人员可以更轻松地识别页面加载过程中的瓶颈。
• 文本节点悬停工具提示：现在，当鼠标悬停在一个文本节点上时，DevTools 会在视窗中显示该节点的完整文本内容。这对于调试文本布局和内容问题非常有用。
• 网络条件仿真改进：DevTools 网络条件仿真器现在支持更广泛的网络条件，包括自定义延迟和带宽限制。这使得开发人员可以更准确地模拟不同网络条件下的网站性能。

其他特性

除了性能分析增强外，Chrome 72中的开发者工具还引入了其他一些实用特性，包括：

• 主题选择器：开发者现在可以选择在 DevTools 中使用浅色或深色主题。这有助于减少长时间使用 DevTools 时眼睛疲劳。
• 实验性特性开关：开发者现在可以通过 chrome://flags 页面启用或禁用各种实验性特性。这使得开发人员可以试用新特性并提供反馈。
• 改进的错误报告：DevTools 现在提供更详细的错误报告，其中包括错误的调用堆栈和受影响的文件。这有助于开发人员更轻松地识别和解决错误。

总结

Chrome 72中的开发者工具新增了许多有价值的功能，特别是在性能分析方面。这些新特性将帮助开发人员更轻松、更有效地优化网站性能，从而提升用户体验。开发人员应尽快升级到 Chrome 72，以充分利用这些新特性。