为什么Chrome开发工具无法显示“计算”标签？

Question

我正在学习开发工具中的Box Model，但是在开发人员工具中浏览时，我看不到“计算选项卡” 。我重新下载了Chrome和Canary 2，但它们都没有在显示“样式”和“事件监听器”之间的计算选项卡方面有所不同。过去有人遇到过这个问题吗？

*我已经附上了我所看到的屏幕截图。 image of dev tools not listing computed tab

Answer 1

从Chrome 85开始，Computed部分始终显示为标签。

What's New In DevTools (Chrome 85)

Answer 2

您可以在开发工具的最新chrome浏览器中找到此功能，在开发人员工具的右侧可以找到调用堆栈，dom断点和许多其他内容。

Answer 3

根据样式面板的大小来回移动，这有点令人困惑。不知道为什么。

如果宽度不够，它将显示在“布局”下方

如果面板足够宽，它将显示为选项卡

Answer 4

要始终显示标签：

1）Go into Dev tool settings by ellipses at the top right

2）Change Panel layout to Vertical

如果将“面板布局”保留为默认的“自动”设置，则只有在开发工具窗口大于特定宽度时，才能看到计算的标签。

Answer 5

这对我有用。现在，我可以同时打开样式/元素/计算了。

1. 打开设置（点击齿轮图标）
2. 将“面板布局”选项设置为“水平”
3. 立即关闭设置，您就可以开始了：）

Answer 6

对于像我这样困惑的任何人，这花了我几个月的时间才能找到..！ （除非它只是在更新中添加）

单击并显示计算的选项卡，就像它一直用于