Tuesday, 20 August 2013

Google Chrome - Determine where an element comes from

Google Chrome - Determine where an element comes from

I've got a website that I'm maintaining (i.e. I didn't write it initially)
and on one page there is an element that is nowhere in code and I cannot
figure out where it is coming from. I would've assumed some javascript is
inserting it but I have searched all the linked scripts and cannot find
one that would be doing what I'm seeing. Basically it should look like
this:
<li>
<a href="example.com/products">Products</a>
</li>
but instead, shows up as this:
<li>
<a href="example.com"></a>
<a href="example.com/products">Products</a>
</li>
It's that top, empty tag that I have no idea where it's coming from.
In Chrome (or another browser) is it possible to get it to tell me what
specifically is making that modification to the DOM, so that I can remove
it?

No comments:

Post a Comment