我开始在一个已经构建了巨大网页应用程序的地方工作。我受雇使用 Selenium 进行前端测试，但我很好奇该应用程序的内部工作原理。我的问题是，使用 Chrome 开发工具或类似工具，我如何知道哪个 Javascript 模块创建了我在页面上看到的元素/表格/表单？我可以“检查元素”并查看 DOM，但我想知道要深入哪个 .js 文件以查看元素是如何构建的。
本质上，在 Chrome 开发工具中，我如何弥合 DOM 检查器和构建 DOM 的源文件之间的差距。
我制造了一个Chrome 扩展程序 https://chrome.google.com/webstore/detail/fromjs/hjkhdaoomfphjmffaklelpmkllfbjjfd让您可以检查页面并查看每个 DOM 元素的相关 JavaScript 代码。它仍然很脆弱，但可能值得一试。
它部分基于普拉奈建议的方法。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
