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

Question

我一直都是用ff inspector来调试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>，它定义了一个 sourcemap URL)。

或者它可以是: https://bugzilla.mozilla.org/show_bug.cgi?id=1249888它已在 FF47 中修复并提升到 FF46(它涉及不正确的 CSS sourcemap URL)。

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

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