CODEWITHSUNDEEP
jqueryhtmlgoogle-chrome-devtools
user1859529
user1859529

Reputation: 39

Find the jquery function who did modify a html element

I'm debugging a website that has a href tag on it. The url are removed in the dom, but in the source it's still is in there..

Is there away that i can click on the tag(start point of the search) and see in the google chrome toolbar which function modify it? (even listeners > change is not the one that show who did change it in the state how it's now)

I search in the libary's but that's about 32 files :s i couldn't find it. Google didn't help ether to find a solution.. ...

Upvotes: 3

Views: 539

Answers (1)

James Choi
James Choi

Reputation: 1128

You can set breakpoints on HTML using chrome developer tools. There is a option that lets you break on subtree modification, which will cause the browser to break on the lines of JS that cause modifications to the html.

Open developers tools and navigate to to the elements tab, find the html element you are trying to watch, right-click on its parent element and select break on -> subtree modification to make chrome stop on a breakpoint in ur js whenever the child elements are added/removed/modified.

EDIT: Here is the option

Upvotes: 4

Related Questions