【问题标题】:Firefox extension to display inheritance from browser defaults?Firefox 扩展显示从浏览器默认值继承?
【发布时间】:2010-11-16 12:38:58
【问题描述】:

有时在 Firebug 中查看计算样式时,不清楚一个值是如何计算的或它的来源是什么。在某些情况下,源是浏览器的默认值。在已经构建好的网站中,注入css reset是不可行的,这会导致所有页面崩溃。

有没有办法在 Firebug、Web Developer 或其他扩展程序中显示一直到浏览器默认值的继承结构,包括显示默认值?

【问题讨论】:

    标签: html css firefox firebug firefox-addon


    【解决方案1】:

    关闭显示计算样式。

    然后它通过声明和类以及浏览器默认值对其进行分解。当您将鼠标悬停在 Style 上时,它就是那个小箭头。

    另外,打开“显示用户代理 CSS”。

    【讨论】:

    • 我知道关闭显示计算样式。转到下面的链接并检查右侧窗格中的 div,该 div 有一个带有文本“会员登录”的 H2。它继承了 h2 浏览器默认值。 Firebug 的类层次结构图中的哪个位置显示了浏览器默认设置? demo.host22.com
    • 我刚发现环顾四周,但你可能应该选择 kmiya,因为他回答正确。
    【解决方案2】:

    单击 Firebug 右侧面板中样式选项卡上的向下箭头。取消选中“显示计算样式”并选中“显示用户代理 CSS”。

    每个选择器旁边的蓝色文件名是定义选择器的 CSS 文件。 Firefox 默认的 CSS 文件称为 html.css,它的位置(当您将鼠标悬停在它上面时)是 resource://gre/res/html.css,这就是您知道它是浏览器默认值的方式。

    【讨论】:

    • 太棒了。我不知道这一点。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-01-29
    • 1970-01-01
    • 2014-11-08
    • 1970-01-01
    • 2017-08-07
    • 2022-06-11
    • 2022-10-08
    相关资源
    最近更新 更多