Javascript Firefox的inspect元素如何确定HTML元素的查询选择器？

我目前正在尝试制作一个实用程序，它允许我使用eval和诸如此类的工具通过元素的一个属性在元素上运行JavaScript。我想这样做，以便我可以使用一个名为thisEl的变量引用调用JavaScript代码的元素

虽然我已经能够制作一个基本的查询选择器生成器，但这是一种效率很低的方法

这让我想知道，Firefox在inspect元素Ctrl+Shift+I中使用了什么，右键单击任意元素->复制->CSS选择器？我知道它可能是C++或其他一些本地语言，但它很可能是可译的，不是吗？ 编辑：下面是一些示例代码

在HTML中，我将具有以下内容：

<div code="console.log(thisEl.tagName); // --> DIV."></div>

---

一旦知道何时要运行特定元素的代码，请选择该元素，然后将其代码作为新函数运行，定义传入的thisEl参数：

document.querySelector'button'。addEventListener'click'，=>{ const div=document.querySelector'div'； const code=div.getAttribute'code'； const fn=新函数“thisEl”，代码； fndiv； };

---

单击页面的标记确定可用于选择元素的选择器，浏览器仅对其进行分析。如果要引用元素，请在元素的处理程序中引用它？也许发布你的代码，但并不完全清楚你想要什么me@CertainPerformance我添加了一个代码示例，希望这能解释我要做的事情。您的用例是什么？浏览器应用程序的内部可能不会对您有所帮助，特别是，我正在尝试收集许多框架所拥有的工具，而不必使用大型框架。在本例中，我尝试从元素属性运行JavaScript代码。我认为将Firefox的源代码作为一个示例来说明如何使用它可能会很有用@charlietflCollection的工具到底要做什么？浏览器源代码对您没有帮助。用javascript本身遍历DOM是相当简单的，但根本不清楚您需要什么

eval(`let thisEl = document.querySelector('${(QUERY SELECTOR HERE)}'); 
${(ELEMENTS CODE HERE)};`);