javascript - 我如何知道哪个 Javascript 模块在网页上创建了元素/表格？

Question

我开始在一个已经构建了一个巨大的网页应用程序的地方工作。我受雇用 Selenium 进行前端测试，但我很想看看该应用程序的内部工作原理。我的问题是，使用 Chrome 开发工具或类似工具，我如何判断是哪个 Javascript 模块创建了我在页面上看到的元素/表格/表单？我可以“检查元素”并查看 DOM，但我想知道要深入研究哪个 .js 文件以查看元素是如何构建的。

本质上，在 Chrome 开发工具中，我如何弥合 DOM 检查器和构建 DOM 的源文件之间的差距。

Answer 1

我做了一个Chrome Extension让您检查页面并查看每个 DOM 元素的相关 JavaScript 代码。它仍然很不稳定，但可能值得一试。

它部分基于 Pranay 建议的方法。