这是什么? 这是适用于Firefox和Chrome的浏览器DevTools扩展的代码。 此扩展将新面板添加到工具箱。 该面板允许用户搜索当前页面中的节点。 使用说明文件 面板内有2种搜索方式: 通过使用计算的样式查询。 或使用CSS选择器。 计算样式查询 这是此扩展程序的主要功能。 这对于在页面上查找具有某些CSS计算样式的元素非常有用。 例如,假设您要列出页面上的所有CSS网格。 您可以使用此查询来执行display:grid 。 该扩展将简单地循环浏览页面上的所有元素,仅显示确实将其CSS计算的display值设置为grid的那些元素。 您还可以使用几个运算符使搜索更加有用: