获取单击的元素的定位器信息

Question

我正在尝试设计一个UI实用程序来标识元素的定位器信息（例如id，name，class，xpath等。）使用这些定位器信息来自动化测试脚本。

我不是JavaScript的专家，但是我正在寻找纯JavaScript的解决方案，因此我不依赖任何第三方库（例如{{1} }等）。

到目前为止，我一直在尝试这种方法，但收效甚微。

jQuery

还请提出是否有任何现有工具可以帮助我解决这个问题，以免最终避免重新发明轮子。

这是我真正想要的：

1. 突出显示在DOM中悬停/单击的元素
2. 为DOM中任何单击/悬停的元素填充定位器信息
3. 在使用实用程序时使页面不交互。 （在单击链接时停止导航）