我想创建一个记录器之类的东西,它可以跟踪用户的所有操作。为此,我需要识别用户与之交互的元素,以便我可以在以后的会话中引用这些元素。
用伪代码说话,我希望能够执行以下操作
示例 HTML(可以是任何复杂性):
<html>
<body>
<div class="example">
<p>foo</p>
<span><a href="bar">bar</a></span>
</div>
</body>
</html>
用户点击了一些东西,比如链接。现在我需要识别被点击的元素并将它的位置保存在 DOM 树中以备后用:
(any element).onclick(function() {
uniqueSelector = $(this).getUniqueSelector();
})
现在,uniqueSelector 应该类似于(我不介意它是 xpath 还是 css 选择器样式):
html > body > div.example > span > a
这将提供保存该选择器字符串并在以后使用它以重播用户所做的操作的可能性。
这怎么可能?
更新
得到了我的答案:为一个元素获取一个 jQuery 选择器