Google Chrome开发者工具检查未显示的元素样式 [英] Google Chrome Dev Tools inspect element styles not showing

问题描述

从几周前开始....在我们的某些站点上，但不是全部，在检查元素时，样式"选项卡仅显示样式框"，而不显示与CSS相关的实际样式? -再说一次，在某些网站上仅-很奇怪

Starting a couple of weeks ago....on some of our sites, but not all, when inspecting an element, the styles tab only shows the "styles box", but not the actual styles relating to css?? - Again, this is ONLY on some sites - weird

它应该看起来像这样(与CSS相关的样式显示在右侧)

It should look like this (with styles showing on the right relating to css)

但 ......相反，在我们网站的某些上，这是几周前才开始的，看起来像这样....没有CSS显示在样式"标签中:

BUT......instead, on SOME of our sites, this just started a couple of weeks ago looking like this....with no css showing in the styles tab:

注意:它已经工作了2年-该页面看起来不错，并且所有样式都已应用于DOM，但是在检查元素时不会显示在样式标签中.

任何想法?

推荐答案

我遇到了同样的问题，为了解决此问题，我进入了 Chrome开发者工具->设置->滚动至底部，然后点击恢复默认设置并重新加载" ，然后一切都神奇地回来了！

I just had this same issue and to resolve it I went into Chrome Developer Tools -> Settings -> Scroll to the bottom and click "Restore defaults and reload" then it all magically came back!

在它工作到停止时我都没有做任何更改，所以不确定为什么它会损坏，但希望这对您也有帮助.

I hadn't changed anything between it working and when it stopped so not sure why it broke but hopefully this helps you too.

这篇关于Google Chrome开发者工具检查未显示的元素样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！