这不再是必要的了CSS 概述面板现在只是一个常规功能

albirhridoy7894

，您可以通过进入… > More tools > CSS Overview.



如果您从未使用过它，请尝试一下，因为它是一个非常有用的工具，可以识别潜在的 CSS 改进，例如对比度问题或未使用的 CSS 声明。



CSS 概览面板。

（大预览）

当您在More tools菜单中时，请环顾四周。Chrome DevTools 有超过 3 0 个单独的 中东移动数据库 面板！虽然数量很多，但请记住，它们都是出于特定原因而出现的。您的网络应用程序的某些方面可能某些面板可以为您提供帮助。保持好奇心，如果您不知道某件事是做什么的，请记住您可以阅读一些文档。



跳跃后更多！继续阅读下文↓

参加有关前端和用户体验的精彩研讨会，其中包括实用要点、现场会议、视频录制和友好的问答。关于设计系统、UX、Web 性能和 CSS/JS。与布拉德·弗罗斯特、克里斯汀·瓦洛尔和其他许多人一起。



跳转到研讨会 ↬

功能面板

边缘

虽然微软的浏览器团队继续是 Chromium 项目的积极贡献者，但他们也花费了更多的时间来开发只有 Edge 才有的新的和独特的功能。让我们在这里回顾一下其中的两个。



使用分离元素面板调试 DOM 内存泄漏

Edge 刚刚推出了内存泄漏调查工具，即分离元素工具，它对于调查长时间运行的应用程序中的泄漏非常有用。



网页内存泄漏的多个原因之一是分离的 DOM 元素：在某些时候可能需要的元素，但已从 DOM 中删除，并且从未重新附加。当代码库变得越来越复杂时，就更容易犯错误并且忘记清理那些独立的元素。

如果您发现您的应用程序在使用过程中不断需要越来越多的内存，请尝试使用分离元素。它可以很快为您指明正确的方向。
分离的元素。
（大预览）
在公告博客文章和文档中了解更多信息。