如何判断哪个Javascript模块在网页上创建了元素/表? [英] How can I tell which Javascript module created an element/table on a webpage?

问题描述

我开始在一个已经构建了大型网页应用程序的地方工作.我已经被聘请为Selenium进行前端测试，但是我很好奇看到该应用程序的内部工作原理.我的问题是，使用Chrome开发工具或类似工具，如何分辨页面上看到的Javascript模块创建了元素/表格/表单?我可以检查元素"并查看DOM，但是我想知道要挖掘哪个.js文件以了解元素是如何构建的.

I started working at a place that has a huge webpage app built already. I have been hired to do front-end testing with Selenium, but I'm curious to see the inner workings of the app. My question is, with Chrome dev tools or something similar, how can I tell what Javascript module created an element / table / form that I am seeing on the page? I can 'inspect element' and look at the DOM, but I want to know which .js file to dig into to to see how the element was built.

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

In essence, in Chrome dev tools, how do I bridge the gap between the DOM inspector and the Source files that built the DOM.

推荐答案

我制作了 Chrome扩展程序，让您检查页面并查看每个DOM元素的相关JavaScript代码.它仍然非常脆弱，但值得尝试一下.

I made a Chrome Extension that let's you inspect a page and see the relevant JavaScript code for each DOM element. It's still very flaky, but might be worth giving it a try.

部分基于Pranay建议的方法.

It's based in part on the approach Pranay has suggested.

这篇关于如何判断哪个Javascript模块在网页上创建了元素/表?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！