Inspector不会在某些网站上显示css

Question

我总是使用ff检查员来调试css,之前从未遇到过这个问题,我试图检查这个网站的css https://www.duolingo.com(只有在我登录时才会出现问题),但是检查员没有为网页上的任何元素显示任何内容:

检查员在其他网站上工作正常,不确定网站开发者是否打算隐藏css,但我发现一些奇怪的css链接似乎使用代理:

这是隐藏CSS的某种新技巧还是firefox检查器中的错误？或者是别的什么？

我使用的是Firefox 45.0.1版

Answer 1

我非常确定这是一个已经修复的已知错误。我在这个网站上没有帐户，所以我不能确定，但​​我们最近遇到了非常相似的问题。

它可以是： https://bugzilla.mozilla.org/show_bug.cgi?id=1255787 已在 FF48 中修复（它涉及<style>定义源映射 URL 的内联样式表）。

或者它可能是： https: //bugzilla.mozilla.org/show_bug.cgi ?id=1249888 已在 FF47 中修复并升级到 FF46（它涉及不正确的 CSS 源映射 URL）。

您可以通过使用这些版本再次测试来验证这一点。如果仍然无法正常工作，请随时在此处提交新错误：https://bugzilla.mozilla.org/enter_bug.cgi ? product=Firefox&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector，其中包含以下步骤：重现并可能粘贴浏览器控制台中可能存在的错误（ctrl+shift+J）。

无论如何，这都不是我们想要的行为。在极少数情况下，确实没有在给定元素上显示 css 规则，然后面板会显示一条消息，例如“未选择有效元素”或“未找到 css 规则”，我记不清到底是哪一条。如果面板只是空的，那么这肯定是一个错误。