javascript - selectorgadget 是如何工作的？

Question

selectorgadget.com 如何运作？是否有任何链接/页面解释了 selectorgadget 背后的算法？

谢谢

Answer 1

标记化主要是为了让单击的元素集的 CSS 选择器可以放在一起进行比较，以找到共同点。然后该算法会尝试找到“最佳”选择器，该选择器包含选定集中的所有内容而拒绝集中没有任何内容。

它是这样的:

1. 对于每个选定的 dom 节点，生成一个尽可能具体的长而包含的 css 选择器。
2. 将所有选定的 dom 节点的选择器放在一起进行比较，以找到一个通用的 css 选择器来选择所有这些选择器。
3. 迭代地减少该公共(public)选择器，同时确保它选择“已选择”集中的所有内容，而不选择“拒绝”集中的任何内容。这发生在“simplifyCss”中，是一种启发式方法，贪婪地删除具有预定义偏好顺序的元素。