Helium Selectors

根据示例元素生成 CSS 选择器。 要使用此扩展程序，请打开开发者工具并找到“Selectors”标签页。打开后，如果尚未启用选择模式，请点击“Enable Selection Mode”，然后开始选择元素。算法会尝试找到最精确、最短的选择器，因此通常需要添加多个示例，或点击“Select Similar Elements”，直到得到想要的选择器。此外，还有一个“Select Inspected Element”按钮，可选择当前检查的（$0）元素，从而添加隐藏的或难以用鼠标选中的元素。 创建 CSS 选择器后，如果访问某个页面并开启选择模式，所有匹配的元素都会高亮显示，你也可以根据需要继续添加示例元素。扩展程序会记住所有示例元素，因此访问新页面时，CSS 选择器通常会更新，以避免选中未用作示例的元素，因为扩展程序始终会尽可能精确。例如，为下一页按钮创建选择器时，通常最好至少访问几个有下一页按钮的页面（必要时添加更多示例），并访问最后一页，以防其中有禁用的下一页按钮，这样算法就会更新选择器，避免选中禁用的下一页按钮。