4

I am interested in an HTML page that uses an XHR object to request JSON data from the server and then some Javascript (jQuery) code is used to translate these data into HTML-markedup elements.

I wonder if it is possible to trace the "origin" of some HTML element using Chrome Web Developer Tools. That is, I want to understand if a specific element has been generated by some Javascript code and if so, which one, which line, and through which XHR object. I couldn't find a way. Is this possible?

user3393472
  • 1,151
  • 1
  • 8
  • 12
  • Do you have control over the code making the ajax requests ? – Rob Sedgwick Mar 07 '14 at 16:28
  • Control only in a limited sense. I see JavaScript being loaded in the Network Tab, as I can see all the XHRs. – user3393472 Mar 07 '14 at 16:35
  • If this html element has a specific id or class you can search for it in developer tools inside sources tab by pressing cntr+shift+F and find the code that created that element. If you find another way, please post. It would be good to know. – arty Mar 07 '14 at 16:56

0 Answers0