撤消Google Chrome检查员的放大镜工具?

时间:2015-05-28 16:01:32

标签: google-chrome web-inspector

enter image description here

  1. 在任何元素上打开检查器。
  2. 选择Computed选项卡。
  3. 将鼠标悬停在任何样式的左侧,您将看到放大镜。
  4. 点击放大镜,它会将“样式”标签过滤为仅相关结果。
  5. 现在,如何取消选择此功能?我找到的唯一方法是完全关闭检查员并重新打开它。

1 个答案:

答案 0 :(得分:9)

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

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

enter image description here

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

编辑2015-09-08:

最近对Chrome进行了一些更新,搜索字段已经移动。现在它出现在CSS列的顶部,与“新样式规则”(加号),“切换元素状态”(图钉)和“动画控件”(堆叠菱形)按钮位于同一行:

enter image description here

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