• 在任何元素上打开检查器。
  • 选择计算选项卡。
  • 将鼠标悬停在任何样式的左侧,您将看到放大镜。
  • 单击放大镜,它会将样式选项卡过滤为仅相关结果。

  • 现在,我如何取消选择此功能?我发现的唯一方法是完全关闭检查器并重新打开它。

    最佳答案

    单击放大镜显然是使用“样式”面板的“在样式中查找”功能的快捷方式。因此,单击它后,您单击的项目将出现在“样式”面板底部的“在样式中查找”字段中,以黄色突出显示。当您将鼠标悬停在该字段上时,该字段的最右侧会出现一个 Ⓧ 图标。单击该图标可清除该字段,并且样式面板恢复正常。

    以下是 ed 的实际效果(请参阅下面的编辑以了解搜索过滤器的当前位置):

    google-chrome - 撤消 Google Chrome 检查器的放大镜工具?-LMLPHP

    但是,您不会返回到“计算”面板。

    编辑 2015-09-08:

    随着 Chrome 最近的一些更新,搜索字段已经移动。现在它出现在 CSS 列的顶部,与“New Style Rule”(加号)、“Toggle Element State”(图钉)和“Animations Controls”(堆叠菱形)按钮位于同一行:

    google-chrome - 撤消 Google Chrome 检查器的放大镜工具?-LMLPHP

    要清除搜索,只需删除过滤器文本(例如,如图所示的“垂直”)。

    关于google-chrome - 撤消 Google Chrome 检查器的放大镜工具?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30511675/

    10-10 00:26