Helium Selectors

从示例元素生成 CSS 选择器。

要使用此扩展，请打开开发人员工具并找到“选择器”选项卡。打开后，如果尚未启用，请单击“启用选择模式”，然后开始选择元素。该算法将尝试找到最具体和最短的选择器，因此通常您必须添加许多样本，或者 pss“选择相似元素”，直到获得所需的选择器。它还具有一个“选择检查的元素”按钮，用于选择当前检查的 ($0) 元素，因此您还可以添加隐藏或难以用鼠标突出显示的元素。

如果您在创建 CSS 选择器并打开选择模式后访问页面，所有匹配元素都将突出显示，并且可以根据需要继续添加示例元素。扩展程序将记住所有示例元素，因此访问新页面通常会更新 CSS 选择器，以防止选择尚未用作示例的元素，因为扩展程序将始终尝试尽可能具体。因此，例如，在为下一个按钮创建选择器时，通常最好访问至少几个下一个按钮所在的页面（并根据需要添加更多示例），以及最后一个页面，以防禁用下一个按钮，以便算法更新选择器以不选择禁用的下一个按钮。